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

【问题标题】：Is it possible to load html page by using React component?是否可以使用 React 组件加载 html 页面？
【发布时间】：2018-12-16 20:25:57
【问题描述】：

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

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

现在，我想在此类中包含警告面板，但该文件仅使用简单的 HTML 和 JavaScript 代码编写。有什么方法可以将 dot 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 非常陌生。

【问题讨论】：

你为什么不为它制作一个组件。从长远来看，这将对您有所帮助
不是很简单。只需将 HTML 转换为 React 组件（使用 transform.now.sh/html-to-jsx 之类的东西）并将 JavaScript 重写为 React-y。
是的，这是完成它的一种方法，但我想知道它是否可能。
@user3505908 使用这个包 ==> html-loader
@user3505908 检查这个解决方案 ==> stackoverflow.com/a/46997182/4468132

标签： javascript html reactjs web

【解决方案1】：

有两种方法

获取 HTML 或设置为内部 HTML

访问这个链接，有一个代码来解释如何做到这一点 Add html file to a react component

这也将有助于Add react to a simple HTML file

【讨论】：