草庐IT

redux-observable

全部标签

javascript - 为什么 Redux reducer 被称为 reducer?

在学习Redux的过程中,我遇到了Reducers。文档指出:Thereducerisapurefunctionthattakesthepreviousstateandanaction,andreturnsthenextstate.(previousState,action)=>newState.It'scalledareducerbecauseit'sthetypeoffunctionyouwouldpasstoArray.prototype.reduce(reducer,?initialValue).MDN将reduce方法描述为:Thereduce()methodappliesa

javascript - 为什么 Redux reducer 被称为 reducer?

在学习Redux的过程中,我遇到了Reducers。文档指出:Thereducerisapurefunctionthattakesthepreviousstateandanaction,andreturnsthenextstate.(previousState,action)=>newState.It'scalledareducerbecauseit'sthetypeoffunctionyouwouldpasstoArray.prototype.reduce(reducer,?initialValue).MDN将reduce方法描述为:Thereduce()methodappliesa

javascript - 从通过 React Router 设置的路由访问 Redux Store

我想利用react-router的onEnter处理程序来提示用户在进入受限路由时进行身份验证。到目前为止,我的routes.js文件看起来像这样:importReactfrom'react';import{Route,IndexRoute}from'react-router';exportdefault()理想情况下,我希望我的requireAuth函数是一个可以访问商店和当前状态的redux操作,其工作方式如下:store.dispatch(requireAuth())。很遗憾,我无权访问此文件中的商店。我认为我不能真正使用connect在这种情况下访问我想要的相关操作。我也不能只

javascript - 从通过 React Router 设置的路由访问 Redux Store

我想利用react-router的onEnter处理程序来提示用户在进入受限路由时进行身份验证。到目前为止,我的routes.js文件看起来像这样:importReactfrom'react';import{Route,IndexRoute}from'react-router';exportdefault()理想情况下,我希望我的requireAuth函数是一个可以访问商店和当前状态的redux操作,其工作方式如下:store.dispatch(requireAuth())。很遗憾,我无权访问此文件中的商店。我认为我不能真正使用connect在这种情况下访问我想要的相关操作。我也不能只

javascript - redux thunk 调度后从商店返回 promise

我正在尝试使用reduxthunk链接调度functionsimple_action(){return{type:"SIMPLE_ACTION"}}exportfunctionasync_action(){returnfunction(dispatch,getState){returndispatch(simple_action).then(()=>{...});}}我如何从商店获得返回promise?更具体地说:我可能只是不理解这里的某些东西,但在所有使用redux-thunk的示例中,它们调用了一个单独的异步事件(如fetch),这显然会返回promise。当我向商店发送一个Act

javascript - redux thunk 调度后从商店返回 promise

我正在尝试使用reduxthunk链接调度functionsimple_action(){return{type:"SIMPLE_ACTION"}}exportfunctionasync_action(){returnfunction(dispatch,getState){returndispatch(simple_action).then(()=>{...});}}我如何从商店获得返回promise?更具体地说:我可能只是不理解这里的某些东西,但在所有使用redux-thunk的示例中,它们调用了一个单独的异步事件(如fetch),这显然会返回promise。当我向商店发送一个Act

javascript - 为什么不推荐使用 Object.observe()

是否有替代方法?还有其他方法可以在对象中进行变化检测吗?有代理方法,但谁能告诉我如何使用代理来实现:varobj={foo:0,bar:1};Object.observe(obj,function(changes){console.log(changes);});obj.baz=2;//[{name:'baz',object:,type:'add'}]obj.foo='hello';//[{name:'foo',object:,type:'update',oldValue:0}] 最佳答案 您可以使用getter和setter实现这

javascript - 为什么不推荐使用 Object.observe()

是否有替代方法?还有其他方法可以在对象中进行变化检测吗?有代理方法,但谁能告诉我如何使用代理来实现:varobj={foo:0,bar:1};Object.observe(obj,function(changes){console.log(changes);});obj.baz=2;//[{name:'baz',object:,type:'add'}]obj.foo='hello';//[{name:'foo',object:,type:'update',oldValue:0}] 最佳答案 您可以使用getter和setter实现这

javascript - 将回调传递给 redux 异步操作是否被认为是好的做法?

我想为成功/错误响应显示不同的通知栏,我像这样在我的React组件中将两个回调传递给redux异步操作:this.props.actions.asyncAction(item,this.showSuccessBar,this.showErrorBar)}/>asyncAction看起来像这样:exportfunctionasyncAction(item,successCallback,errorCallback){return(dispatch,getState)=>{dispatch(requestItem(item));returnfetch("api.some_url/items

javascript - 将回调传递给 redux 异步操作是否被认为是好的做法?

我想为成功/错误响应显示不同的通知栏,我像这样在我的React组件中将两个回调传递给redux异步操作:this.props.actions.asyncAction(item,this.showSuccessBar,this.showErrorBar)}/>asyncAction看起来像这样:exportfunctionasyncAction(item,successCallback,errorCallback){return(dispatch,getState)=>{dispatch(requestItem(item));returnfetch("api.some_url/items