场景描述
1.我有一个新闻列表,新闻列表有编辑按钮2.点击编辑按钮会有一个弹出框,里面有默认值,但是有一些输入框是空的3.点击编辑弹出框里面的输入框是一个单独的组件。
问题描述
因为弹出框里面的输入框是一个单独的组件,所以我改完一个新闻还会点击另外一个新闻的编辑,所以想问问我应该在哪个生命周期里,检查每次点击弹出框里面的输入框是否有默认值并且做出相应的反应。
人生最曼妙的风景,竟是内心的淡定与从容!
组件将安装
组件已安装
既然有输入框,那么输入框的值应该是弹框的一个状态,每次只有一个弹框的话,弹框只需要保持一个实例。所以在 componentWillRecevieProps里接收传入的数据,并根据数据设置状态的值:
componentWillRecevieProps
componentWillRecevieProps (nextProps) { this.setState({news: nextProps.news}) }
组件将安装
组件已安装
既然有输入框,那么输入框的值应该是弹框的一个状态,每次只有一个弹框的话,弹框只需要保持一个实例。所以在
componentWillRecevieProps
里接收传入的数据,并根据数据设置状态的值: