草庐IT

redux-logger

全部标签

javascript - 在成功的异步 redux 操作中转换到另一条路线

我有一组非常简单的React组件:挂接到redux的container并处理操作、商店订阅等list显示我的项目列表new用于向列表中添加新项目的表单我有一些react-router路线如下:以便显示list或form但不会同时显示两者。我想做的是在成功添加新项目后让应用程序重新路由回列表。到目前为止,我的解决方案是在异步dispatch之后有一个.then():dispatch(actions.addProduct(product).then(this.transitionTo('products')))这是执行此操作的正确方法还是我应该以某种方式触发另一个操作来触发路由更改?

javascript - 在成功的异步 redux 操作中转换到另一条路线

我有一组非常简单的React组件:挂接到redux的container并处理操作、商店订阅等list显示我的项目列表new用于向列表中添加新项目的表单我有一些react-router路线如下:以便显示list或form但不会同时显示两者。我想做的是在成功添加新项目后让应用程序重新路由回列表。到目前为止,我的解决方案是在异步dispatch之后有一个.then():dispatch(actions.addProduct(product).then(this.transitionTo('products')))这是执行此操作的正确方法还是我应该以某种方式触发另一个操作来触发路由更改?

javascript - 如何为具有列表/详细 View 和分页的应用程序选择 Redux 状态形状?

假设我的数据库中有许多条目(比如用户)。我还有两条路线,一条用于列表,另一条用于详细信息(您可以在其中编辑条目)。现在我正在为如何处理数据结构而苦恼。我正在考虑两种方法以及两者的组合。共享数据集我导航到/list,我所有的用户都是从存储在redux存储中的api下载的,键为users,我还添加了某种users_offset和users_limit只呈现列表的一部分然后我导航到/detail/,并存储currently_selected_user与作为val...这意味着我将能够通过类似这样的方式获取我的用户数据users.find(res=>res.id===currently_sel

javascript - 如何为具有列表/详细 View 和分页的应用程序选择 Redux 状态形状?

假设我的数据库中有许多条目(比如用户)。我还有两条路线,一条用于列表,另一条用于详细信息(您可以在其中编辑条目)。现在我正在为如何处理数据结构而苦恼。我正在考虑两种方法以及两者的组合。共享数据集我导航到/list,我所有的用户都是从存储在redux存储中的api下载的,键为users,我还添加了某种users_offset和users_limit只呈现列表的一部分然后我导航到/detail/,并存储currently_selected_user与作为val...这意味着我将能够通过类似这样的方式获取我的用户数据users.find(res=>res.id===currently_sel

javascript - 我可以在 Redux 中不使用 mapStateToProps 的情况下使用 mapDispatchToProps 吗?

我正在分解Redux的todo示例以尝试理解它。我读到mapDispatchToProps允许您将调度操作映射为Prop,所以我想到重写addTodo.js以使用mapDispatchToProps而不是调用dispatch(addTodo())。我将其命名为addingTodo()。像这样:importReactfrom'react';import{connect}from'react-redux';importaddTodofrom'../actions';letAddTodo=({addingTodo})=>{letinput;return({e.preventDefault()

javascript - 我可以在 Redux 中不使用 mapStateToProps 的情况下使用 mapDispatchToProps 吗?

我正在分解Redux的todo示例以尝试理解它。我读到mapDispatchToProps允许您将调度操作映射为Prop,所以我想到重写addTodo.js以使用mapDispatchToProps而不是调用dispatch(addTodo())。我将其命名为addingTodo()。像这样:importReactfrom'react';import{connect}from'react-redux';importaddTodofrom'../actions';letAddTodo=({addingTodo})=>{letinput;return({e.preventDefault()

javascript - redux 中的常量有什么意义?

例如来自这个例子:exportconstADD_TODO='ADD_TODO'exportconstDELETE_TODO='DELETE_TODO'exportconstEDIT_TODO='EDIT_TODO'exportconstCOMPLETE_TODO='COMPLETE_TODO'exportconstCOMPLETE_ALL='COMPLETE_ALL'exportconstCLEAR_COMPLETED='CLEAR_COMPLETED'这不像是在保存Angular色。变量名与字符串完全相同,永远不会改变。如果有一天你正在做类似的事情,我理解制作常量:ADD_TODO=

javascript - redux 中的常量有什么意义?

例如来自这个例子:exportconstADD_TODO='ADD_TODO'exportconstDELETE_TODO='DELETE_TODO'exportconstEDIT_TODO='EDIT_TODO'exportconstCOMPLETE_TODO='COMPLETE_TODO'exportconstCOMPLETE_ALL='COMPLETE_ALL'exportconstCLEAR_COMPLETED='CLEAR_COMPLETED'这不像是在保存Angular色。变量名与字符串完全相同,永远不会改变。如果有一天你正在做类似的事情,我理解制作常量:ADD_TODO=

javascript - 如何访问 Redux reducer 中的状态?

我有一个reducer,为了计算新状态,我需要来自操作的数据以及来自不受此reducer管理的部分状态的数据。具体来说,在我将在下面展示的reducer中,我需要访问accountDetails.stateOfResidenceId字段。initialState.js:exportdefault{accountDetails:{stateOfResidenceId:'',accountType:'',accountNumber:'',product:''},forms:{blueprints:[]}};formsReducer.js:import*astypesfrom'../cons

javascript - 如何访问 Redux reducer 中的状态?

我有一个reducer,为了计算新状态,我需要来自操作的数据以及来自不受此reducer管理的部分状态的数据。具体来说,在我将在下面展示的reducer中,我需要访问accountDetails.stateOfResidenceId字段。initialState.js:exportdefault{accountDetails:{stateOfResidenceId:'',accountType:'',accountNumber:'',product:''},forms:{blueprints:[]}};formsReducer.js:import*astypesfrom'../cons