Jquery 如何在Redux中订阅多个组件以执行一个操作而不进行响应?

Jquery 如何在Redux中订阅多个组件以执行一个操作而不进行响应?,jquery,redux,Jquery,Redux,我正在开发JQuery应用程序。我想添加一个Redux商店,以便在添加功能时开始处理应用程序状态。如何让多个元素订阅发生在子状态中的已调度操作 我希望能够做一些类似于connect()如何使用MapStateTrops和mapDispatchToProps在react redux中连接多个组件的事情。示例和 const CHECKBOX\u CLICK='CHECKBOX\u CLICK'; 函数复选框单击(id、值){ 返回{ 键入:复选框并单击, 身份证件 价值 } } 常量monster

我正在开发JQuery应用程序。我想添加一个Redux商店,以便在添加功能时开始处理应用程序状态。如何让多个元素订阅发生在子状态中的已调度操作

我希望能够做一些类似于connect()如何使用MapStateTrops和mapDispatchToProps在react redux中连接多个组件的事情。示例和

const CHECKBOX\u CLICK='CHECKBOX\u CLICK';
函数复选框单击(id、值){
返回{
键入:复选框并单击,
身份证件
价值
}
}
常量monsterCheckboxReducer=(状态=[],操作)=>{
常数{
类型,
…操作数据
}=行动;
开关(类型){
案例复选框\u单击:
console.log(actionData);
返回[…状态,actionData];
违约:
返回状态;
}
};
const appReducer=Redux.combinereducer({
monsterCheckbox:monsterCheckboxReducer,
});
常量增强子=Redux.compose(
窗口.\uuuuRedux\uDevTools\uuuu扩展&&window.\uuuuRedux\uDevTools\uuuu扩展()
);
const defaultState=[];
const store=Redux.createStore(
评论员,
默认状态,
增强剂
);
const unsubscribe=store.subscribe(()=>{
console.log('状态已更改:',store.getState())
});
$(“#monsterFeaturesCheckbox:checkbox”).change(函数(){
store.dispatch(checkboxClick(this.id,this.checked));
//处理事件的常用JQuery方法
如果(选中此项){
//做事
}
});
正文{
字体大小:1.3em;
背景:灰色;
颜色:深蓝色;
}

选择一些怪物特征
规模
角
爪
选择一些方框功能
加强的
锁定

不是100%确定你在问什么,但所有减速器都在“倾听”任何动作。您的
案例将决定是否应对其采取行动。如果有代码来处理多个减缩器中的某个操作类型,它应该按预期工作。希望这就是你的意思,但如果不是,请澄清。我的申请变得非常复杂。我希望jQuery元素能够以类似React Redux的方式响应Redux状态更改。jQuery倾向于跟踪单个元素中的状态。相反,React-Redux似乎更喜欢集中状态,将视图与状态分开。对于connect(),mapStateToProps似乎允许您选择组件中需要哪些全局状态属性,而mapDispatchToProps似乎允许您选择子状态操作的哪些部分被限制。