コンポーネント全体のネイティブセット状態を返します

-1

私はredux &反応ナビゲーションを使用して初期ルート&スクリーンを管理しています。最初の画面はスプラッシュです。ホーム画面にリダイレクトされています。ここからAPIからデータが取得されています。サイドバーに定義されている「ログインユーザー名」を設定したい、DrawerNavigatorでサイドバー呼び出しを行います。ホームページ呼び出しアクションでのデータは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);

を使用してユーザーを取得し、あなたのサイドバー内

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の中のデータを更新するために取得した後、

出典

2017-12-24 Gourav Kumar

あなたのセットアップといくつかのコードに関するもう少し詳しい情報を提供することをお勧めします。提供された詳細で誰もがここで助けてくれるのはかなり難しいでしょう。 – rmevans9