réagit: le passage du navigateur à l'une des fonctions du composant entraîne la boucle

Question

J'ai donc ce problème étrange. Lorsque vous passez objet navigateur à l'un des 2 React fonctions des composants et de l'utiliser comme propriété, il passe en boucle infinie

LoginSide:

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

voici comment je l'appelle:

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

aussi arrive avec componentDidMount. La mise à jour des accessoires se fait avec Redux, mais l'état de la mise en correspondance des accessoires se produit seulement un, comme il est censé le faire.

Pourrais-je obtenir des conseils sur la façon de naviguer vers une autre vue lorsque la propriété du composant change?

App est en réac-natif pour être précis. Informez-moi si d'autres informations sont nécessaires

Answer 1

Si je vous ai bien compris, vous avez un composant LoginSide, qui a un gestionnaire onClick qui change l'état de redux, et les composants de réaction obtiennent de nouveaux accessoires. Et puis vous avez un alors vous dans le componentWillReceiveProps metod voulez mettre à jour les accessoires?

Sans connaître les détails de la mise en œuvre, vous voulez essentiellement faire tous les changements d'état dans Redux, et éviter de changer des accessoires ou de l'état de rendre, the should be pure

Je pense/espère que cet article devrait vous aider sur le chemin React Native’s NavigationExperimental with Redux