reactjs - 在每个 .php 页面中添加类似 jquery 的反应?
问题描述
我是使用 reactjs 的新手。我正在构建一个我想使用反应的多页网站,我想知道什么是最好的做法......
我正在添加反应,就像我以前在我的页面中添加 jquery 一样:
...
<script src="https://unpkg.com/react@16/umd/react.production.min.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js" crossorigin></script>
<script src="https://unpkg.com/axios/dist/axios.min.js" crossorigin></script>
<!-- Load React component. -->
<script src="my_index_page_react.js"></script>
</body>
</html>
对于每个页面(index.php、login.php、feed.php...),我添加了一个我创建的 react.js。(login_react.js, feed_react.js...)
我知道我可以使用带有节点的 npm 来构建它:
create-react-app my_app
使用我正在使用的反应是否有任何问题,手动添加库并在每个页面中创建一个带有该页面反应代码的 JS 或者可以吗?
谢谢。
解决方案
尽管这是可能的,而且我什至在生产中也看到过,但我强烈建议不要这样做。
React 被设计用于单页应用程序。在你的多页面应用程序中管理不同 React 实例之间的状态是非常困难的。除了逐渐从多页面应用程序转移到单页面应用程序之外,我从未见过这样做的任何好处。
推荐阅读
- swift - 返回 true 的 void 函数中出现意外的非 void 返回值
- javascript - 在 ejs 文件中使用 js 文件中的函数
- regex - Elixir 中的正则表达式捕获组
- javascript - 在特定的谷歌驱动器文件夹中搜索最新文件
- python - 是否会影响将数据显式提供给“tf.data.Dataset”的性能
- django - 当 DEBUG = False(产品)时,Django 管理错误(总是需要登录几次)
- c# - 使用 C# 在 AWS Lambda 中使用 Selenium Chromedriver
- c# - 玩家不要缓慢移动(平稳)
- java - 如何比较一个像素的颜色是否与另一个相似
- python - 如何在同一个图形上绘制多条 NURBS 曲线?