javascript - react 检查输入框非初次渲染，检查是否有默认值，写在哪个生命周期

Question

场景描述

1.我有一个新闻列表，新闻列表有编辑按钮
2.点击编辑按钮会有一个弹出框，里面有默认值,但是有一些输入框是空的
3.点击编辑弹出框里面的输入框是一个单独的组件。

问题描述

因为弹出框里面的输入框是一个单独的组件，所以我改完一个新闻还会点击另外一个新闻的编辑，所以想问问我应该在哪个生命周期里，检查每次点击弹出框里面的输入框是否有默认值并且做出相应的反应。

Answer 1

componentWillMount

Answer 2

componentDidMount

Answer 3

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

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