javascript - React vérifie que la zone de saisie n'est pas rendue pour la première fois, vérifie s'il existe une valeur par défaut et dans quel cycle de vie elle est écrite

Question

Description de la scène

1. J'ai une liste d'actualités et la liste d'actualités a un bouton d'édition
2. Cliquez sur le bouton d'édition et il y aura une boîte contextuelle avec les valeurs par défaut, mais certaines zones de saisie sont vides
3. saisie dans la boîte contextuelle La boîte est un composant distinct.

Description du problème

Parce que la zone de saisie dans la boîte contextuelle est un composant distinct, donc après avoir modifié une actualité, je clique sur la modification d'une autre actualité, je souhaite donc demander dans quel cycle de vie je dois cocher la boîte contextuelle chaque fois que je clique si la zone de saisie a une valeur par défaut et réagit en conséquence.

Answer 1

componentWillMount

Answer 2

componentDidMount

Answer 3

Puisqu'il y a une zone de saisie, la valeur de la zone de saisie doit être un état de la boîte contextuelle. S'il n'y a qu'une seule boîte contextuelle à la fois, la boîte contextuelle n'a qu'à être maintenue. un exemple. Recevez donc les données entrantes en componentWillRecevieProps et définissez la valeur du statut en fonction des données :

componentWillRecevieProps (nextProps) {
  this.setState({news: nextProps.news})
}