在redux中异步操作后的setState [重复]

Question

我应该使用哪种生命周期方法来设置表单中的现有值？我不能<input value={this.props.title} />，因为我想将输入作为受控组件。

我可以在异步方法之后做一个承诺，但这会是反模式吗？

componentDidMount() {
  this.props.fetchItem(this.itemId)
  .then(v=>{this.setState({title: v.title})})
}

Answer 1

您可以使用 componentWillReceiveProps() 方法将您的道具值设置为状态。

类似的东西。

componentWillReceiveProps(nextProps){
 // store your props value to state here
if(nextProps.formData !== undefined){
  this.setState({ formData: nextProps.formData });
  }

}

在输入更改方法上更新该状态值

handleChange = (name, value) => {
  // update state here
  this.setState({ [name]: value });
  }