Posted 13 January 2020, 10:39 am EST
Hi,
I’m trying to implement the viewer for my ReactJS front end. However, I’m completely unsure as to how parameters are meant to be passed in when creating the report? I’ve tried adding it through ‘reportParams’ similar to the pureJS demo but this clearly does not work.
Thanks,
Harrison
import React from 'react';
import { Viewer } from '@grapecity/activereports-react';
import { PdfExport, HtmlExport, XlsxExport, Core } from '@grapecity/activereports';
import '@grapecity/activereports/styles/ar-js-viewer.css';
class Portal extends React.Component {
_viewer = Viewer;
render() {
const parameters = [
{ Name: 'TestParam', Value: ['Hello World']}
];
return (
<div className="demo-app" style={{ height: '1000px'}} >
<Viewer
report={{ Uri: "Test_Report.rdlx-json", ReportParams: parameters}}
sidebarVisible={true} toolbarVisible zoom='100%'
reportParams={parameters}
/>
</div>
);
}
}
export default Portal;