reactjs - 在 ReactJS 组件中渲染服务

Question

我正在尝试在 ReactJS 组件中呈现外部服务。我在 OpenMRS 的 OWA 中工作。

这是 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>
        )
    }

}