如何在ReactJS上渲染为保留在相对路径上的html文件(及其图像)?

时间:2019-05-21 08:20:38

标签: javascript reactjs

我正在开发封闭的Internet Web应用程序。应用程序的技术是Java和ReactJS。我有一些HTML网站目录,我应该在Modal中显示为网站。但是,它不是单个html页面。 HTML页面包含一些图像,图标和js文件。文件夹中也有。 如果我将网站目录下载到spring boot静态文件下面的文件夹中,则在使用结束后删除这些文件。我可以连接到站点http://localhost:3000/websiteDirectory/index.html的方式 是否可以在ReactJS上使用HTML库来查看HTML网站?

我无法处理iframe或dangerouslySetInnerHTML的问题。

反应代码:

 render() {
        return (<div>
                <Modal width={1300} footer={false} closable={true}
                       visible={this.state.visible} onCancel={this.closeModal}>
                    <Form>
                        <Iframe url="http://localhost:3000/webview/index.html"
                                allowFullScreen={true}
                                width="100%"
                                height="100%"
                                display="initial"
                                referrerpolicy={"same-origin"}
                                position="relative"/>
                          <div resource={""}
                        />
                    {/*<div dangerouslySetInnerHTML={{__html: this.state.htmlFile}} />*/}
                    </Form>
                </Modal>
            </div>


        );

    }

0 个答案:

没有答案