Question

我使用redux＆amp;反应导航管理初始路线＆amp;屏幕。我的初始屏幕是闪现之后，我将重定向到主屏幕，我从API获取数据，我想设置＆＃34;登录用户名＆＃34;这是在侧边栏中定义的，在DrawerNavigator中调用侧边栏。

Answer 1

在主页上获取数据后调用操作以更新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了解更多

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

1 个答案: