How to open a server report using a report path at the time of opening the Report Designer

To open a server report by its report path when the Bold Reports^® React Report Designer opens, embed the Report Designer with Bold Reports^® Report Server and call the openReport method in the App.js file. First, follow the steps in the following guide to embed the Report Designer with Report Server.

Embed Bold Reports^® Report Server in the React Report Designer

Use the openReport method in the App.js file, as in the following code snippet, to open a report using the report path from the report server.

...

 function App() {
      return (<div id="Designer" style={designerStyle}>
      <BoldReportDesignerComponent id="reportdesigner_container"
      serviceUrl = {'https://service.boldreports.com/api/Designer'}
      reportServerUrl = {'https://<your-report-server-domain>/reporting/api/'}
      serviceAuthorizationToken = {'bearer <server-token>'}
      create={controlInitialized}>
      </BoldReportDesignerComponent>
      </div>);
    }

function controlInitialized(){
        var designerObj = $('#reportdesigner_container').data('boldReportDesigner')
        designerObj.openReport('/Sample Reports/Sales Report');
  }