草庐IT

redux-middleware

全部标签

javascript - 为什么 node-sass-middleware 不工作?

我已经在我的express应用程序上安装了node-sass-middleware模块,但是当我调试控制台日志时,我没有得到它的工作,只是因为中间件正在读取不正确的源是:GET/200558.983ms-4651source:/home/karim/Snippets/my-financial/public/stylesheets/sass/stylesheets/main.sassdest:/home/karim/Snippets/my-financial/public/stylesheets/stylesheets/main.cssread:/home/karim/Snippets/

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 - 为什么在使用 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 - 无法安装 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 - Express Middleware 为所有 app.get() 填充一个 Jade 变量

我有一个名为layout.jade的Jade文件,我的所有模板都对其进行了扩展。如果用户当前已登录(这在req.session中保持跟踪),我希望能够在其中有一个注销按钮。所以layout.jade会有类似的东西,-if(loggedin)a.navButton(href="/logout")LogOut页面的路由看起来像,app.get("/foo",function(req,res){res.render("foo",{loggedin:req.session.isValidUser});});问题是,我不想在每条路由中都手动填充loggedin变量。有没有一种方法可以使用Expr

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 - 如何访问 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

javascript - typescript + 终极版 : exclude redux props in parent component

我正在为我当前的网络应用程序使用redux和typescript。定义通过@connect接收redux-actions的组件的props以及来自父级的props的最佳实践是什么?示例://mychild.tsxexportnamespaceMyChildComponent{exportinterfaceIProps{propertyFromParent:string;propertyFromRedux:string;//!!!!->ThisistheproblemactionsPropertyFromRedux:typeofMyReduxActions;//!!!!->Andthis