React Redux请求表单选项

Question

为表单下拉选项提出异步请求的正确方法是什么？ 有大量的下拉选项，例如城市。我们想要将这些存储在状态中吗？

通常情况下，我们会创建Redux动作，向＆＃34; city＆＃34;并使用＆＃34; cities＆＃34;更新州通过Redux商店的选项。 MapDispatchToProps并从componentDidMount调用Redux操作。

componentDidMount = () => {
  this.props.fetchCitiesOptions()
}

MapStateToProps将包含options: cities，可能是1000个或更多城市，仅在1个表单上使用。我们想在全球范围内实现吗？如果没有，有什么更好的方法？学习。感谢。

Answer 1

您可以选择仅包含此表单元素的本地状态。如果您想要受控组件，但不希望/需要选项处于全局状态，请为表单创建一个包装器组件，以跟踪本地状态并仅更新componentDidMount中的本地状态。您可以根据项目中所需的状态来混合/匹配本地和全局状态。如果您在项目状态的其余部分不需要表单提交数据，则此本地状态还可以跟踪表单更改并提交。