如何使用带有 react.js webapp 的 Bootstrap html/css 页面？答案

【问题标题】：How to use a Bootstrap html/css page with a react.js webapp?如何使用带有 react.js webapp 的 Bootstrap html/css 页面？
【发布时间】：2020-12-10 14:46:36
【问题描述】：

我确实使用 Bootstrap 5 生成器工具 (https://generator.ws/) 生成了一个单页 html 文件。
这个工具非常灵活，产生的结果非常接近我的需要（你可以看一个初步的例子here）。
不幸的是，该工具尚不兼容 React。
我想将生成的 html 与一个简单且标准的 react.js Web 应用程序 (npx create-react-app my-app) 集成，以便能够使用 react 工具链，并添加一些动态内容（当然要避免使用 jquery...： -))

所以我问是否有可能在 react 应用程序中使用标准 html 而不是 JSX。

【问题讨论】：

标签： javascript reactjs twitter-bootstrap

【解决方案1】：

    <body>
      <div id="root"></div>
    </body>

ReactDOM.render(your_html_code_here, document.getElementById('root'));

因此，如您所见，您可以在 JSX 中添加任何 html 代码。但是这种方法与任何 dom 元素都是组件的 react 组件方法的概念相反另外，您可以使用https://www.npmjs.com/package/html-to-react 包。

【讨论】：

是的，第一种方法不是我想要的，因为它使 html 和 react 完全分离......我现在正在研究 html-to-react 包，看看它是否实现了我需要的东西..