Reactjs 如何在常规HTML页面中引用React组件

Reactjs 如何在常规HTML页面中引用React组件,reactjs,redux,Reactjs,Redux,我创建了一个React应用程序,其index.html如下所示: 为了能够重用组件,您需要构建该组件以导出渲染功能。我想nwb很适合你 通过这种方式,您可以构建一个UMD模块,该模块导出一个全局变量,用于脚本标记和/或将其发布到npm 我宁愿将index.js导出为一个组件,而不是使用ReactDOM显式地呈现它。 例如: 欢迎来到stackoverflow!您的问题实际上相当广泛,需要许多不同的步骤,有些步骤可能需要不同的技术。我从这里开始。至于redux,我想看看其他redux组件包做了什

我创建了一个React应用程序,其index.html如下所示:


为了能够重用组件,您需要构建该组件以导出渲染功能。我想nwb很适合你 通过这种方式,您可以构建一个UMD模块,该模块导出一个全局变量,用于脚本标记和/或将其发布到npm

我宁愿将index.js导出为一个组件,而不是使用ReactDOM显式地呈现它。 例如:


欢迎来到stackoverflow!您的问题实际上相当广泛,需要许多不同的步骤,有些步骤可能需要不同的技术。我从这里开始。至于redux,我想看看其他redux组件包做了什么,祝你好运,如果你有更具体的问题,可以随时回来问。为什么你不看看github上的许多react库中的一个,看看它们是如何做到的呢?为了简化我的问题:我创建了一个带有一个组件的react应用程序,我想把它添加到我的无反应门户网站中。最简单的方法是什么?
export default props =>
   <Provider store={configureStore()}>
      <App />
   </Provider>
 ReactDOM.render(React.createElement(YourLibraryGlobalNameGeneratedFromNwb))