Предоставление услуг в компоненте ReactJS

Question

Я пытаюсь визуализировать внешний сервис в компоненте ReactJS. Я работаю в OWA для OpenMRS.

Это приложение React, это компонент. Когда я нажимаю какую-то кнопку, это должно отобразить следующую форму в том же компоненте.

Как видно из URL, форма не является HTML-страницей, а также сервисом. В некоторых постах, которые я прочитал для рендеринга HTML-файлов, это не так. Как я могу работать с этим в моем компоненте?

Answer 1

Я прочитал документы и обнаружил функцию OpenMRS, которая позволяет отображать любую страницу OpenMRS на некоторой панели.

Это код и картинка, которую я хотел сделать

...
...
import OpenMRSView from './openmrsView';
...
...
renderForm(url_report) {
    let url = `http://${this.state.server}/` + url_report
    console.log(url);
    this.setState({"url": url});
}

render() {
    ....
    ....
    ....
    if(this.state.seguro=="reportes"){
        return(
            <div>
                <Button id="button_reportes" className="menu_button" style={ styles.button } onClick={() => this.renderForm(JASPER_REG_RAPIDO_ADMISIONES)}>
                Reporte Registro Rapido
                </Button>
                <Button id="button_reportes" className="menu_button" style={ styles.button } onClick={() => this.renderForm(JASPER_ROTULO_ADMISIONES)}>
                Reporte Rotulo
                </Button>
                <Button id="button_reportes" className="menu_button" style={ styles.button } onClick={() => this.renderForm(JASPER_GARANTIA_ADMISIONES)}>
                Reporte Garantia
                </Button>
                <Button id="button_reportes" className="menu_button" style={ styles.button } onClick={() => this.renderForm(JASPER_HOJA_INGRESO_ADMISIONES)}>
                Reporte Hoja de Ingreso
                </Button>
                <Button id="button_reportes" className="menu_button" style={ styles.button } onClick={this.aInicio}>
                Atras
                </Button>
                <Panel bsStyle="info" theme="chemical">
                    <Panel.Body>
                        <OpenMRSView url={this.state.url}/>
                    </Panel.Body>
                </Panel>
            </div>
        )
    }

}