react : 구성 요소 함수 중 하나를 전달하는 탐색기가 루프가됩니다.

Question

그래서이 이상한 문제가 있습니다. 2 반작용 구성 요소의 기능 중 하나를 탐색 객체를 전달하고 속성으로 이용하는 경우는 무한 루프로 진입

LoginSide : 또한

<LoginSide onLoginPress= { this.props.navigator } /> 

:

componentWillReceiveProps(nextProps){ 
if(nextProps.status == 200) { 
    this.props.onLoginPress.push({ 
    component: HomeScene, 
    passProps: { 
     title: "HomeScene", 
    }, 
    type: "Normal", 
    }) 
} 
} 

이 I가 호출 어떻게 componentDidMount와 함께 발생합니다.

소품 업데이트는 Redux로 수행되지만 상태는 소품 매핑이 예상 한 대로만 발생합니다.

구성 요소의 속성이 변경되면 다른보기로 이동하는 방법에 대한 조언을 얻을 수 있습니까?

앱이 정확한 네이티브 반응을 보입니다.

Answer 1

당신이 LoginSide 구성 요소를 가지고 있고, redux 상태를 변경하는 onClick 처리기를 가지고 있고 반응 구성 요소가 새로운 소품을 얻는다고 이해했다면. 그리고 나서 당신은 componentWillReceiveProps metod에서 소품을 업데이트하고 싶습니까? 구현의 세부 사항을 모른 채

, 당신은 기본적으로

the should be pure 내가 생각 REDUX의 모든 상태 변경을 수행하고 렌더링에 소품이나 상태를 변경하는 것을 방지하려면 /이 문서가 당신을 길을 따라 도움이 될 것입니다 희망 React Native’s NavigationExperimental with Redux