Javascript 如何使用redux处理竞争条件

Javascript 如何使用redux处理竞争条件,javascript,typescript,redux,Javascript,Typescript,Redux,我正在使用redux效果获取,redux效果绑定 //my-container.ts 从“ng2-redux”导入{NgRedux}; 出口级集装箱{ 私人ngReduxL:任何; 构造函数(ngRedux:ngRedux){ ngRedux.provideStore(商店); this.ngReduxL=ngRedux; } mySearchMethod(){ this.ngReduxL.dispatch(Actions.getList(searchParams)); } } //Actio

我正在使用redux效果获取,redux效果绑定

//my-container.ts
从“ng2-redux”导入{NgRedux};
出口级集装箱{
私人ngReduxL:任何;
构造函数(ngRedux:ngRedux){
ngRedux.provideStore(商店);
this.ngReduxL=ngRedux;
}
mySearchMethod(){
this.ngReduxL.dispatch(Actions.getList(searchParams));
}
}
//Action.ts
导出getList(searchParams){
返回[
ShowSpinGeneration('spinnerName'),
束缚(
效应提取(
convertoSearchUrl,
{method:'GET'..…}
),(回应)=>{
返回[{
键入:“设置搜索列表数据”,
paylaod:回应
}]
})
]

}
根据我的经验,你的救世主将是redux传奇,特别是最新的帮手:

基本上,在解决这个问题的基础上,您还可以使用奇妙的等待产出模式,它将异步内容变成有史以来最简单的事情

另一方面,在ng2 redux中,这可能需要一些设置:

假设您使用的是angular2+,RxJS可能比redux容易得多,这正是你所需要的

您提到的问题与用户发送另一个请求有关。。。考虑将“加载”项添加到您的状态,或者禁用搜索或显示加载屏幕,而这是真的。想想看,这可能是最快的解决方案:)


希望有帮助

派不走