是否可以使用React组件加载html页面？

Question

例如，这是我的一些React代码。

class App extends Component
{
    render(){
    return (
        <div className="App">
            <Header/>
            <LoginApp />       
            <Register />
            <Footer />      
        </div>
        );
    }
}
export default App

现在，我想在该类中包含警告面板，但是该文件仅使用简单的HTML和JavaScript代码编写。有什么方法可以将点HTML文件加载到React组件类中？

这是主意。

<div className="App">
        <Header/>      <--React Component 
        <LoginApp />   <--React Component      
        <Register />   <--React Component 
        <Footer />     <--React Component 
        // Load other external html files here... (Non React component)/
</div>

非常感谢您。

PS。我是React的新手。

Answer 1

有两种方法

获取HTML或设置为内部HTML

访问此链接，这里有代码说明如何执行此操作 Add html file to a react component

这也将帮助Add react to a simple HTML file