구성 요소 전체에서 고유 기본 설정 상태

Question

반응 경로 & 반응 경로를 사용하여 초기 경로 & 화면을 관리하고 있습니다. 내 초기 화면이 스플래시입니다. 홈 화면으로 리디렉션됩니다. API에서 데이터를 가져오고 사이드 바에서 정의되는 "로그인 사용자 이름"을 설정하려는 경우, DrawerNavigator에서 사이드 바를 호출합니다.

Answer 1

사이드 바에서

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를 사용하여 사용자가 얻을 아래처럼 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); 

*** 당신의 감속기에 따라 변경 데이터 및 기능 및 아키텍처

check redux doc 자세히 알아보기