从另一个js模块与redux-react应用程序通信的正确方法是什么？

Question

我有一个使用react-redux构建的复杂表单，我需要知道这个表单是否在同一页面上的另一个javascript中有效。一些jquery模块。

最简单的方法是将valid/not_valid动态类添加到反应表单中，并执行类似

的操作

$('#myform').hasClass('valid')

但是，让我们说验证并不是我需要从这个反应应用程序中唯一需要的东西，我想为一些吸气剂构建一种接口。 e.g：

isValid(), getTitle, doSomethingElse methods. 

这样做的正确方法是什么？

Answer 1

理想情况下，您可以在商店内的React应用程序之外存储您需要的任何信息，然后只需在您编写的任何jQuery中访问商店。这也可以向另一个方向发展，使用React应用程序可能需要注意的任何特定数据更新商店。

Answer 2

一种可能的方法：

您可以尝试保存对在全局变量中实例化的商店的引用。

E.g。让我们在您的顶级React compnonent App.js中说出

import MyMainStore from '..../MyMainStore';
.
.
.

<Provider store={MyMainStore}>...</Provider>

//Then finally also do 
_MyApp.ReduxStore = MyMainStore;

在应用程序的非react / redux部分中，您可以通过 -

访问状态

_MyApp.ReduxStore.getState().myFormReducer.someExpectedState

期待听到是否适合您。