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

Question

我确实使用 Bootstrap 5 生成器工具 ( https://generator.ws/ ) 生成了一个单页 html 文件。
这个工具非常灵活，并且产生的结果非常接近我的需要（你可以在这里看到一个初步的例子）。
不幸的是，该工具还不兼容 React。
I'd like to integrate the generated html with a simple and standard react.js web app ( npx npx create-react-app my-app ), to be able to use the react toolchain, and to add some dynamic content (avoiding jquery,当然... ：-））

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

Answer 1

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

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

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

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

问题描述

1 个解决方案

解决方案1
0 2020-12-10 14:59:10

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

问题描述

1 个解决方案

解决方案1 0 2020-12-10 14:59:10

解决方案1
0 2020-12-10 14:59:10