草庐IT

redux-observable

全部标签

javascript - 将属性映射到 react-redux 中的状态

我有一个使用state的组件向用户提供数据。例如this.state.variableInState.该组件可以调度一些方法(例如在onClick操作上)。我目前正在使用react-redux一个connect映射方法store至props.有什么办法可以setState发货后?//actionsexportfunctionexecuteAction(){returnfunction(dispatch,getState){dispatch({type:'MY_ACTION',payload:axios.get('/some/url')});};}//reducerexportdefau

javascript - 我应该在哪里放置与 redux 中的 Action 相关的同步副作用?

(注意:我的问题没有写清楚,我在想一些错误的地方。问题的当前版本只是尝试写一些可以使接受的答案对尽可能多的人有用的东西。)我想要一个将项目添加到商店并将其注册到外部依赖项的操作。我可以使用thunk中间件并编写exportfunctionaddItem(item){returndispatch=>{dispatch(_addItemWithoutRegisteringIt(item));externalDependency.register(item);};}但订阅者会在项目注册之前收到通知,他们可能依赖于它是否已注册。我可以颠倒顺序写exportfunctionaddItem(ite

javascript - Angular 2.0 - 将 promise 链转换为 Observables

我正在将NG1.X服务转换为NG2.0。我的NG1.X服务有promise链(简化):dataService.search=function(searchExp){returnthis.getAccessToken().then(function(accesstoken){varurl=$interpolate('https://my-api-url?q={{search}}&{{accesstoken}}')({search:searchExp,accesstoken:accesstoken});return$http({url:url,method:'GET',cache:true

javascript - 为什么在使用 redux 和 react.js 时我的 Prop 是 `undefined`?

我试图向我的应用程序添加一个状态,该状态仅在某些事件过去时保存了一个bool值。我不知道我在这里做错了什么。reducer:import*asactionTypesfrom'../constants/action-types.js';constinitialState=[{eventPassed:false}];exportdefaultfunctioneventPassed(state=initialState,action){switch(action.type){caseactionTypes.EVENT_PASSED:returntrue;default:returnstate

javascript - 断开 Mutation Observer 与回调函数的连接

如何断开我的变异观察者与其回调函数的连接?正在按应有的方式观察更改,但我想在第一次更改后断开观察者的连接。由于observer变量超出范围,它并没有像它应该的那样断开连接。如何将观察者变量传递给回调函数,以便代码正常运行?functionmutate(mutations){mutations.forEach(function(mutation){if(mutation.type==='characterData'){console.log('1stchange.');observer.disconnect();//Shoulddisconnectherebutobservervaria

javascript - 无法安装 redux-logger

我正在尝试通过以下操作安装redux-logger:npminstall--saveredux-logger之后我在代码中添加了导入记录器:importloggerfrom'redux-logger'然后我将记录器包含到applyMiddleware中:constcreateStoreWithMiddleware=applyMiddleware(thunk,logger)(createStore)constreducer=combineReducers(reducers)conststore=createStoreWithMiddleware(reducer,undefined,aut

javascript - 使用 React Router 和 Redux Simple Router 的 onEnter Transitions 不要渲染新路由的组件

我有一个使用react@0.14、redux@3.05、react-router@1.0.3和redux-simple-router@2.0.2的应用程序。我正在尝试根据商店状态为我的一些路线配置onEnter转换。转换Hook成功触发并将新状态推送到我的商店,这会更改url。但是,在页面上呈现的实际组件是来自路由匹配的原始组件处理程序,而不是新url的新组件处理程序。这是我的routes.js文件的样子exportdefaultfunctionconfigRoutes(store){constauthTransition=functionauthTransition(location

javascript - 如何在 Redux reducer 中以不可变的方式交换数组元素?

相关的Redux状态由表示层的对象数组组成。示例:letstate=[{id:1},{id:2},{id:3}]我有一个名为moveLayerIndex的Redux操作:actions.jsexportconstmoveLayerIndex=(id,destinationIndex)=>({type:MOVE_LAYER_INDEX,id,destinationIndex})我希望reducer通过交换数组中元素的位置来处理操作。reducers/layers.jsconstlayers=(state=[],action)=>{switch(action.type){case'MOVE

javascript - 从回调中创建 Observable

我有一个authguard,当网站被访问并且用户已经登录时,它需要一个异步响应true/false。我正在使用Firebase的onAuthStateChanged(linktodocs)并且它使用回调函数。我怎样才能把我的isLoggedIn()方法转化为可以返回的东西Observable?typescript:getisLoggedIn():Observable{//wantsomethinglikethis:returnObservable.fromCallback(firebase.auth().onAuthStateChanged).map(user=>!!user);//t

javascript - 如何访问 reducer (redux-router)中的当前位置?

我如何使用reducer中的redux-router获取当前路径和当前位置的查询。我可以使用mapStateToProps在组件内部轻松获取路径名,但我想访问reducer中的当前路径。我正在使用redux-router1.0.0-beta7,react-router1.0.3。 最佳答案 1.way-通过redux-thunk传递带有特定action的路径名和getState()constsomeAction=data=>(dispatch,getState)=>{dispatch({type:'SOME_ACTION',path