javascript - 是否可以使用 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 非常陌生。

标签： javascripthtmlreactjsweb

Answer 1

有两种方法

获取 HTML 或设置为内部 HTML

访问此链接，有一个代码用于解释如何执行此操作 将 html 文件添加到反应组件

这也将有助于添加对简单 HTML 文件的反应