javascript - react 檢查輸入框非初次渲染，檢查是否有預設值，寫在哪個生命週期

Question

場景描述

1.我有一個新聞列表，新聞列表有編輯按鈕
2.點擊編輯按鈕會有一個彈出框，裡面有預設值,但是有一些輸入框是空的
3 .點選編輯彈出框裡面的輸入框是一個單獨的元件。

問題描述

因為彈出框裡面的輸入框是一個單獨的組件，所以我改完一個新聞還會點擊另外一個新聞的編輯，所以我想問我應該在哪個生命週期裡，檢查每次點擊彈出框裡面的輸入框是否有預設值並且做出對應的反應。

Answer 1

組件將安裝

Answer 2

組件已安裝

Answer 3

既然有輸入框，那麼輸入框的值應該是彈框的一個狀態，每次只有一個彈框的話，彈框只需要保持一個實例。所以在 componentWillRecevieProps裡接收傳入的數據，並根據數據設定狀態的值：

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