シーンの説明
1. ニュース リストがあり、ニュース リストには編集ボタンがあります
2. 編集ボタンをクリックすると、デフォルト値を含むポップアップ ボックスが表示されますが、一部の入力ボックスは空です
3 クリック編集ポップアップ ボックスの入力ボックスは別のコンポーネントです。
問題の説明
ポップアップ ボックスの入力ボックスは別のコンポーネントであるため、1 つのニュースを変更した後、別のニュースの編集をクリックすることになるため、各クリックをどのライフ サイクルで確認する必要があるかを尋ねたいポップアップ ボックスの入力ボックスにデフォルト値があり、それに応じて応答するかどうか。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
コンポーネントがマウントされます
コンポーネントDidMount
入力ボックスがあるため、入力ボックスの値はポップアップ ボックスの状態である必要があります。一度に 1 つのポップアップ ボックスしかない場合、ポップアップ ボックスは 1 つのインスタンスのみを維持する必要があります。したがって、
リーリーcomponentWillReceviePropsで受信データを受信し、そのデータに基づいて状態の値を設定します。