Réagir - comment définir la même valeur dans différents états et les faire fonctionner différemment

Question

J'utilise l'état dans React, et j'ai des problèmes avec cela.

Dans componentWillMount, j'ai défini la même valeur dans deux état. Comme ci-dessous,

let value = this.props.value; 
this.setState({ 
    a: value, 
    b: value, 
}) 

après l'état de réglage, je change a comme ci-dessous,

let a = this.state.a; 
a = newValue; 
this.setState({ 
    a, 
)} 

Lorsque je tente de changer d'état a, à la fois a et b sont changées ensemble. Pourquoi cela arrive-t-il?

Answer 1

Parce que vous avez créé SetState pour 2 états à la fois. Vous devriez écrire:

//function a to setState for state a: 
a =() =>{ 
    this.setState(a: this.props.value) 
     } 
//function b to setState for state b: 
b =() =>{ 
    this.setState(b: this.props.value) 
     } 

Vous pouvez appeler facile à changer d'état d'un ou b :)