【发布时间】:2018-12-18 19:14:01
【问题描述】:
我正在将一些 react+redux 代码集成到一个完全用 vanilla JS(带有一些 JQuery)、CSS 和 HTML 制作的网站中。计划是将整个网站集成到 React 中,但暂时不会完整,目前最好的计划是将所需的 React 代码集成到当前堆栈中。如果 react 代码和 vanilla JS 代码不必相互通信,这将很容易,但不幸的是,情况并非如此。特别是,我需要能够从所有已经写入特定 React 组件的 vanilla JS 中传递一些数据。我在决定执行此操作的最佳方法时遇到了麻烦。我发现这篇很棒的文章解释了如何使用发布者/订阅者方法执行此操作,链接在这里:
http://www.primaryobjects.com/2017/05/08/integrating-react-with-an-existing-jquery-web-application/
这种方式看起来不错,但是对于我的用例来说有点复杂,并且需要一些重要的代码重构才能正确实现。有没有其他方法可以实现我的目标?
注意:React 代码使用 JSX 而不是 JS。
【问题讨论】:
-
鉴于发布的 webpack 脚本“只是另一个脚本”,为什么不简单地将之前的脚本包含在 index.html 中并从 React 组件内部调用它的函数呢?
标签: javascript jquery reactjs redux