在组件中反应本机设置状态

1 回答

• 0

  在主页上获取数据之后调用操作来更新redux中的数据，如下所示

  Class Home extends Component{
   comsponentDidMount(){
    apiCall.then(response =>{
      this.props.updateUser(response.user)        //I am using api returning some user data as user
    });
   }
  }
   render(){
    <SomeComponent/>
   }
  const mapStateToProps =(state)=>{
    return state;
  }
  
  const mapDispatchToProps = (dispacth)=>{
    return{
     updateUser:(user)=>dispatch(()=>{type:"UPDATE_USER", user}) //your action creator may look like this
  }
  }
  export default connect(mapStateToProps, mapDispatchToProps)(Home); //connect from react-redux
  

  在您的侧边栏中获取用户使用redux

  Class SideBar extends Component{
  
   render(){
   <View>
  {this.props.user ? <UserComponent/>:<UnAuthenticatedUser/>}
  </View>
  }
  
  }
  const mapStateToProps =(state)=>{
        return {
          user:state.user      //extract user from state
        };
      }
  export default connect(mapStateToProps)(SideBar);
  

  ***根据您的Reducer和架构更改数据和功能

  check redux doc了解更多

  回复于 2024-05-03T17:58:35+08:00