example-redux-update-nested-props
全部标签 查看README中的示例:鉴于“坏”结构:[{id:1,title:'SomeArticle',author:{id:1,name:'Dan'}},{id:2,title:'OtherArticle',author:{id:1,name:'Dan'}}]添加新对象非常容易。我所要做的就是像return{...state,myNewObject}在reducer中。现在有了“好”树的结构,我不知道应该如何处理它。{result:[1,2],entities:{articles:{1:{id:1,title:'SomeArticle',author:1},2:{id:2,title:'Ot
查看README中的示例:鉴于“坏”结构:[{id:1,title:'SomeArticle',author:{id:1,name:'Dan'}},{id:2,title:'OtherArticle',author:{id:1,name:'Dan'}}]添加新对象非常容易。我所要做的就是像return{...state,myNewObject}在reducer中。现在有了“好”树的结构,我不知道应该如何处理它。{result:[1,2],entities:{articles:{1:{id:1,title:'SomeArticle',author:1},2:{id:2,title:'Ot
在学习Redux的过程中,我遇到了Reducers。文档指出:Thereducerisapurefunctionthattakesthepreviousstateandanaction,andreturnsthenextstate.(previousState,action)=>newState.It'scalledareducerbecauseit'sthetypeoffunctionyouwouldpasstoArray.prototype.reduce(reducer,?initialValue).MDN将reduce方法描述为:Thereduce()methodappliesa
在学习Redux的过程中,我遇到了Reducers。文档指出:Thereducerisapurefunctionthattakesthepreviousstateandanaction,andreturnsthenextstate.(previousState,action)=>newState.It'scalledareducerbecauseit'sthetypeoffunctionyouwouldpasstoArray.prototype.reduce(reducer,?initialValue).MDN将reduce方法描述为:Thereduce()methodappliesa
我有一个React应用程序,其中来自父组件的props被传递给子组件,然后props设置子组件的状态。在我将更新后的值发送到父组件后,子组件不会使用更新后的属性更新状态。如何让它更新子组件的状态?我精简的代码:classParentextendsReact.Component{constructor(props){super(props);this.state={name:''}}componentDidMount(){this.setState({name:this.props.data.name});}handleUpdate(updatedName){this.setState(
我有一个React应用程序,其中来自父组件的props被传递给子组件,然后props设置子组件的状态。在我将更新后的值发送到父组件后,子组件不会使用更新后的属性更新状态。如何让它更新子组件的状态?我精简的代码:classParentextendsReact.Component{constructor(props){super(props);this.state={name:''}}componentDidMount(){this.setState({name:this.props.data.name});}handleUpdate(updatedName){this.setState(
我想利用react-router的onEnter处理程序来提示用户在进入受限路由时进行身份验证。到目前为止,我的routes.js文件看起来像这样:importReactfrom'react';import{Route,IndexRoute}from'react-router';exportdefault()理想情况下,我希望我的requireAuth函数是一个可以访问商店和当前状态的redux操作,其工作方式如下:store.dispatch(requireAuth())。很遗憾,我无权访问此文件中的商店。我认为我不能真正使用connect在这种情况下访问我想要的相关操作。我也不能只
我想利用react-router的onEnter处理程序来提示用户在进入受限路由时进行身份验证。到目前为止,我的routes.js文件看起来像这样:importReactfrom'react';import{Route,IndexRoute}from'react-router';exportdefault()理想情况下,我希望我的requireAuth函数是一个可以访问商店和当前状态的redux操作,其工作方式如下:store.dispatch(requireAuth())。很遗憾,我无权访问此文件中的商店。我认为我不能真正使用connect在这种情况下访问我想要的相关操作。我也不能只
我正在尝试使用reduxthunk链接调度functionsimple_action(){return{type:"SIMPLE_ACTION"}}exportfunctionasync_action(){returnfunction(dispatch,getState){returndispatch(simple_action).then(()=>{...});}}我如何从商店获得返回promise?更具体地说:我可能只是不理解这里的某些东西,但在所有使用redux-thunk的示例中,它们调用了一个单独的异步事件(如fetch),这显然会返回promise。当我向商店发送一个Act
我正在尝试使用reduxthunk链接调度functionsimple_action(){return{type:"SIMPLE_ACTION"}}exportfunctionasync_action(){returnfunction(dispatch,getState){returndispatch(simple_action).then(()=>{...});}}我如何从商店获得返回promise?更具体地说:我可能只是不理解这里的某些东西,但在所有使用redux-thunk的示例中,它们调用了一个单独的异步事件(如fetch),这显然会返回promise。当我向商店发送一个Act