從另一個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

期待聽到是否適合您。