React Redux 请求表单选项

Question

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

通常我们会为“城市”创建 Redux 操作发出请求，并通过 Redux 存储使用“城市”选项更新状态。 MapDispatchToProps 并从 componentDidMount 调用 Redux 操作。

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

MapStateToProps 将包括options: cities，它可能是 1000 个或更多城市，并且仅在 1 个表单上使用。我们想在全局状态下携带它吗？如果没有，有什么更好的方法？学习。谢谢。

Answer 1

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