将数据从 vanilla Javascript 传递到 React 的最佳方式？ [关闭]

Posted 2023-02-22

【中文标题】将数据从 vanilla Javascript 传递到 React 的最佳方式？ [关闭]

【英文标题】：The best way to pass data from vanilla Javascript to React? [closed]

【发布时间】：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 组件内部调用它的函数呢？

【参考方案1】：

我能想到的最好方法是像 redux 这样的全局状态管理，您可以在其中存储数据。将 react 组件和 vanilla JS 模块订阅到 store，这将使数据能够在两者之间共享。