如何将 React 添加到已经构建的网站？

Question

我已经用 Express 构建了一个网站，我想在某些页面中使用 React。使用 create-react-app 拥有的所有资源添加它的最佳方法是什么？

我知道我可以将每个脚本添加到 HTML 文件中，但这很容易出错且费力。我只是希望能够像使用 create-react-app 的应用程序一样执行所有导入和管理文件。

Answer 1

如果你只想在一些已经存在的页面中使用 React，我建议你通过导入脚本，因为 React 文档讨论了 here。它为您提供了一个很好的简短示例，说明如何将 React 组件添加到现有的 html 页面。您只需在 html 入口点（可能是 index.html）中导入一次 react 和 react-dom 依赖项，然后在每个页面中只导入所需的组件。

另一种选择是遵循 in this guide 的想法，使用 create-react-app 和 express 构建应用程序。您可能希望将所有 html 代码移动到 React 组件中并处理来自 React 的所有内容，并且您将能够按照您的意愿管理所有项目结构。但是我相信如果你只想添加 React 来在一些页面中构建一些组件，这更容易出错并且需要付出很多努力。