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

Question

我有一个用react-redux构建的复杂表格，我需要从同一页面上的另一个JavaScript知道此表格是否有效。 一些jQuery模块。

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

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

但可以说，验证不是我从此React应用程序中唯一需要的东西，我想为此与一些吸气剂建立一种接口。 例如：

isValid(), getTitle, doSomethingElse methods. 

正确的方法是什么？

Answer 1

理想情况下，您可以将所需的任何信息存储在存储区中的React应用程序外部，然后只需在所编写的jQuery中访问存储区即可。 这也可以朝另一个方向工作，用React应用程序可能需要知道的任何特定数据更新存储。

Answer 2

一种可能的方法：

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

例如，假设您在顶级React组件App.js

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

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

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

这样，您可以在应用程序的非响应/ redux部分中通过以下方式访问状态：

_MyApp.ReduxStore.getState().myFormReducer.someExpectedState

期待听到是否适合您。