【问题标题】:The best way to pass data from vanilla Javascript to React? [closed]将数据从 vanilla Javascript 传递到 React 的最佳方式? [关闭]
【发布时间】: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


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2016-12-03
    • 1970-01-01
    • 2010-09-22
    • 2016-12-27
    • 1970-01-01
    • 2019-01-30
    • 1970-01-01
    • 2010-11-14
    • 2012-02-26
    相关资源
    最近更新 更多