在 ReactJS 组件中呈现服务

Question

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

这是 React 应用程序，这是一个组件。当我按下某个按钮时，这应该会在同一个组件中呈现下一个表单。

如您在 URL 中所见，表单不是 HTML 页面，也是一项服务。在某些 post 中，我阅读了渲染 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>
        )
    }

}

在 ReactJS 组件中呈现服务

Rendering a services in a ReactJS component

npm

web

reactjs

openmrs