草庐IT

example-redux-update-nested-props

全部标签

javascript - 你如何添加/删除到使用 normalizr 生成的 redux 存储?

查看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

javascript - 你如何添加/删除到使用 normalizr 生成的 redux 存储?

查看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

javascript - 为什么 Redux reducer 被称为 reducer?

在学习Redux的过程中,我遇到了Reducers。文档指出:Thereducerisapurefunctionthattakesthepreviousstateandanaction,andreturnsthenextstate.(previousState,action)=>newState.It'scalledareducerbecauseit'sthetypeoffunctionyouwouldpasstoArray.prototype.reduce(reducer,?initialValue).MDN将reduce方法描述为:Thereduce()methodappliesa

javascript - 为什么 Redux reducer 被称为 reducer?

在学习Redux的过程中,我遇到了Reducers。文档指出:Thereducerisapurefunctionthattakesthepreviousstateandanaction,andreturnsthenextstate.(previousState,action)=>newState.It'scalledareducerbecauseit'sthetypeoffunctionyouwouldpasstoArray.prototype.reduce(reducer,?initialValue).MDN将reduce方法描述为:Thereduce()methodappliesa

javascript - 在 React 子组件上使用 props 更新状态

我有一个React应用程序,其中来自父组件的props被传递给子组件,然后props设置子组件的状态。在我将更新后的值发送到父组件后,子组件不会使用更新后的属性更新状态。如何让它更新子组件的状态?我精简的代码:classParentextendsReact.Component{constructor(props){super(props);this.state={name:''}}componentDidMount(){this.setState({name:this.props.data.name});}handleUpdate(updatedName){this.setState(

javascript - 在 React 子组件上使用 props 更新状态

我有一个React应用程序,其中来自父组件的props被传递给子组件,然后props设置子组件的状态。在我将更新后的值发送到父组件后,子组件不会使用更新后的属性更新状态。如何让它更新子组件的状态?我精简的代码:classParentextendsReact.Component{constructor(props){super(props);this.state={name:''}}componentDidMount(){this.setState({name:this.props.data.name});}handleUpdate(updatedName){this.setState(

javascript - 从通过 React Router 设置的路由访问 Redux Store

我想利用react-router的onEnter处理程序来提示用户在进入受限路由时进行身份验证。到目前为止,我的routes.js文件看起来像这样:importReactfrom'react';import{Route,IndexRoute}from'react-router';exportdefault()理想情况下,我希望我的requireAuth函数是一个可以访问商店和当前状态的redux操作,其工作方式如下:store.dispatch(requireAuth())。很遗憾,我无权访问此文件中的商店。我认为我不能真正使用connect在这种情况下访问我想要的相关操作。我也不能只

javascript - 从通过 React Router 设置的路由访问 Redux Store

我想利用react-router的onEnter处理程序来提示用户在进入受限路由时进行身份验证。到目前为止,我的routes.js文件看起来像这样:importReactfrom'react';import{Route,IndexRoute}from'react-router';exportdefault()理想情况下,我希望我的requireAuth函数是一个可以访问商店和当前状态的redux操作,其工作方式如下:store.dispatch(requireAuth())。很遗憾,我无权访问此文件中的商店。我认为我不能真正使用connect在这种情况下访问我想要的相关操作。我也不能只

javascript - redux thunk 调度后从商店返回 promise

我正在尝试使用reduxthunk链接调度functionsimple_action(){return{type:"SIMPLE_ACTION"}}exportfunctionasync_action(){returnfunction(dispatch,getState){returndispatch(simple_action).then(()=>{...});}}我如何从商店获得返回promise?更具体地说:我可能只是不理解这里的某些东西,但在所有使用redux-thunk的示例中,它们调用了一个单独的异步事件(如fetch),这显然会返回promise。当我向商店发送一个Act

javascript - redux thunk 调度后从商店返回 promise

我正在尝试使用reduxthunk链接调度functionsimple_action(){return{type:"SIMPLE_ACTION"}}exportfunctionasync_action(){returnfunction(dispatch,getState){returndispatch(simple_action).then(()=>{...});}}我如何从商店获得返回promise?更具体地说:我可能只是不理解这里的某些东西,但在所有使用redux-thunk的示例中,它们调用了一个单独的异步事件(如fetch),这显然会返回promise。当我向商店发送一个Act