Javascript – React prüft, ob das Eingabefeld nicht zum ersten Mal gerendert wird, prüft, ob ein Standardwert vorhanden ist und in welchem ​​Lebenszyklus er geschrieben wird

Question

Szenenbeschreibung

1. Ich habe eine Nachrichtenliste und die Nachrichtenliste verfügt über eine Schaltfläche zum Bearbeiten.
2. Klicken Sie auf die Schaltfläche zum Bearbeiten. Es wird ein Popup-Fenster mit Standardwerten angezeigt, aber einige Eingabefelder sind leer.
3 Eingabe in der Popup-Box Die Box ist eine separate Komponente.

Problembeschreibung

Da das Eingabefeld im Popup-Feld eine separate Komponente ist, klicke ich, nachdem ich eine Nachricht geändert habe, auf die Bearbeitung einer anderen Nachricht, also möchte ich fragen, in welchem ​​Lebenszyklus ich das Popup-Feld aktivieren soll Jedes Mal, wenn ich klicke, ob das Eingabefeld einen Standardwert hat und entsprechend reagiert.

Answer 1

componentWillMount

Answer 2

componentDidMount

Answer 3

既然有输入框，那么输入框的值应该是弹框的一个状态，每次只有一个弹框的话，弹框只需要保持一个实例。所以在 componentWillRecevieProps里接收传入的数据，并根据数据设置状态的值：

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