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.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
componentWillMount
componentDidMount
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
componentWillReceviePropset définissez la valeur du statut en fonction des données :