Интеграция в React приложение.
Добавлено: 06 сен 2021, 15:12
Здравствуйте.
В примере https://github.com/stimulsoft/Samples-J ... ster/React скрипты подключаются из HTML.
Есть ли возможность вызывать Viewer и Designer из своего React приложения? Предполагается передача стейтов в переменные отчета.
Создал пустой проект: npx create-react-app stimulsoft
Скопировал stimulsoft.reports.js, stimulsoft.viewer.js, stimulsoft.viewer.office2013.whiteblue.css из примера выше.
Создал React компонент для последующего вызова из App:
Как импортировать модули, строка 2,3? Такое использование возможно?
В примере https://github.com/stimulsoft/Samples-J ... ster/React скрипты подключаются из HTML.
Есть ли возможность вызывать Viewer и Designer из своего React приложения? Предполагается передача стейтов в переменные отчета.
Создал пустой проект: npx create-react-app stimulsoft
Скопировал stimulsoft.reports.js, stimulsoft.viewer.js, stimulsoft.viewer.office2013.whiteblue.css из примера выше.
Создал React компонент для последующего вызова из App:
Код: Выделить всё
import React from 'react';
import StiReport from './stimulsoft.reports';
import StiViewer from './stimulsoft.viewer';
class Viewer extends React.Component {
constructor(props) {
super(props);
{
}
}
render() {
return <div id="viewerContent"></div>;
}
componentWillMount() {
var report = Stimulsoft.Report.StiReport.createNewReport();
report.loadFile("reports/Report.mrt");
var options = new Stimulsoft.Viewer.StiViewerOptions();
this.viewer = new Stimulsoft.Viewer.StiViewer(options, "StiViewer", false);
this.viewer.report = report;
}
componentDidMount() {
this.viewer.renderHtml("viewerContent");
}
}
export default Viewer