Reactjs 在将数据从父组件传递到子组件时如何处理redux状态
我的应用程序包含两个组件Reactjs 在将数据从父组件传递到子组件时如何处理redux状态,reactjs,redux,redux-saga,Reactjs,Redux,Redux Saga,我的应用程序包含两个组件 包含用户列表的ListComponent(父级) 显示用户信息的UserComponent(子级) 用户列表页: <ListComponent data={this.props.users} renderItem={(item) => <UserComponent user={item} />} /> 减速器: mapStatetoProps = (state) => ({ followers: state.us
<ListComponent
data={this.props.users}
renderItem={(item) => <UserComponent user={item} />}
/>
减速器:
mapStatetoProps = (state) => ({
followers: state.user.followers
})
initial_state = {
followers: {}
}
成功后:
followers: {
totalFollowers: action.totalFollowers
}
当用户(设备用户)单击将用户道具发送到UserComponent的用户图标时,我使用redux状态保存用户列表,在那里我显示用户信息。如果用户(设备用户)单击follow按钮,则使用redux&redux saga更新后端和用户配置文件信息
处理此类一般性问题的两种方法
this.props.methodFromParent(如果需要,发送一些数据)}
在父级内部捕获该方法并更新存储。。前
this.methodFromParent(someData)}
..
现在在methodFromParent中更新存储
methodFromParent=()=>{this.props.dispatch(无论您使用什么工作流)}
store.dispatch()
因此,首先在子组件内部导入存储,然后可以使用sotre.dispatch(someaction)
。但这种方法并不好。。您应该按照上述方法设置项目。并使用这些store.dispatch()、store.getState()
。在紧急情况下,您无法访问mapStateToProps等处理此类一般性问题的两种方法
this.props.methodFromParent(如果需要,发送一些数据)}
在父级内部捕获该方法并更新存储。。前
this.methodFromParent(someData)}
..
现在在methodFromParent中更新存储
methodFromParent=()=>{this.props.dispatch(无论您使用什么工作流)}
store.dispatch()
因此,首先在子组件内部导入存储,然后可以使用sotre.dispatch(someaction)
。但这种方法并不好。。您应该按照上述方法设置项目。并使用这些store.dispatch()、store.getState()
。在紧急情况下,您无法访问mapStateToProps等followers: {
totalFollowers: action.totalFollowers
}