草庐IT

redux-logger

全部标签

javascript - 如何在没有 devtools 的情况下在控制台中获取 Redux 商店的内容?

安装ReactDevtools后,我可以通过以下方式获取商店:$r.store.getState()没有ReactDevtools怎么办? 最佳答案 我处于无法为窗口分配任何内容的情况,而且我也没有机会使用React或Redux开发工具。这显然没有文档记录而且很脆弱,但它似乎在几个具有redux的不同网站上对我有用。在控制台中输出对状态的访问(稍作调整即可存储)。假设您正在渲染对ID为react-root的dom节点的react。constappStates=[]constreactRoot=document.getElementB

javascript - React/Redux 中的通用 reducer / Action

我正在尝试确定如何提取多条数据以在同一组件中使用。我看到的每个React/Redux示例都请求非常具体的数据,并且有reducer和操作来处理该确切类型的数据。但是,我无法找到有关处理更多通用数据的信息。例如,我的网站上有几个不同的组件(或类别)。其中一个组件是Cards。因此,如果用户单击/cards/hockey的链接,它应该从API请求曲棍球数据(如果它不在商店中),并将其显示在Cards页面中。如果用户单击/cards/football的链接,它应该遵循相同的过程,检查它是否有存储的数据,如果没有从API中提取它,并显​​示卡片包含该数据的页面。另一种组件类型可能是stats,

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 - 使用 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