我正在将一些react + redux代码集成到一个完全使用香草JS(带有一些JQuery),CSS和HTML制作的网站中。该计划是将整个网站集成到React中,但暂时不会完成,现在最好的计划是将所需的React代码集成到当前堆栈中。如果react代码和原始JS代码都不必相互通信,这将很容易,但是不幸的是,情况并非如此。特别是,我需要能够传递来自已经写入特定React组件的所有普通JS的一些数据。我在确定执行此操作的最佳方法时遇到了麻烦。我找到了这篇很棒的文章,它解释了如何使用发布者/订阅者方法来做到这一点,链接在这里:
http://www.primaryobjects.com/2017/05/08/integrating-react-with-an-existing-jquery-web-application/
这种方式看起来不错,但是对于我的用例来说,这有点令人费解,并且需要一些重要的代码重构才能正确实现。有没有其他方法可以实现我的目标?
注意:React代码使用JSX而不是JS。
答案 0 :(得分:1)
我能想到的最好的方法是像redux这样的全局状态管理,您可以在其中存储数据。将React组件和Vanilla JS模块订阅到商店,这将使数据能够在两者之间共享。