React / Redux / Thunk表单数据流

Question

经过几节视频课程后，我对如何使用React / Redux和Thunk管理表单上的数据感到困惑。

我希望表单上的所有数据都是本地数据，并在按“保存”按钮时将其写入存储。因此，我没有使用任何Formik或任何类似的库。

据我了解，所有数据都应来自化简器，因此我的化简器正在向mapStateToProps发送初始空对象。现在什么时候应该将数据从props传递到组件的本地状态？

我需要在componentDidMount之前执行此操作，因为我的输入已绑定到处于该状态的数据对象。构造函数也不是一个好地方。

我可以直接这样做吗？

state = {
  data: this.props.data,
};

或者更确切地说是？：

state = {
  data: {...this.props.data}
};

当它是编辑表单时，我在componendDidMount中调用API，如何从API刷新表单上的数据？这是正确的吗？：

componentDidUpdate() {
  if (this.props.data && this.state.data !== this.props.data) {
    this.setState({ data: this.props.data });
  }
}

感谢您的澄清