从vanilla Javascript传递数据以作出反应的最佳方法是什么？

我正在将一些react+redux代码集成到一个完全用vanilla JS（带有一些JQuery）、CSS和HTML制作的网站中。计划是将整个网站集成到React中，但暂时不会完成，目前最好的计划是将所需的React代码集成到当前堆栈中。如果react代码和vanilla JS代码都不必彼此通信，那么这将很容易，但不幸的是，事实并非如此。特别是，我需要能够从已经写入特定React组件的所有vanilla JS中传递一些数据。我很难决定做这件事的最佳方法。我发现了这篇很好的文章，它解释了如何使用发布者/订阅者方法来实现这一点，链接如下：

这种方法看起来不错，但对于我的用例来说有点复杂，需要一些重要的代码重构才能正确实现。有没有其他方法可以实现我的目标

---

注意：React代码使用JSX而不是JS。

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

既然发布的webpack脚本“只是另一个脚本”，为什么不在index.html中简单地包含上一个脚本并从React组件内部调用其函数呢？