React Redux請求Form選項

Question

向表單下拉選項發出異步請求的正確方法是什么？
例如，城市提供了大量的下拉選項。 我們是否希望將這些存儲在狀態中？

通常，我們會通過Redux商店創建“城市”的Redux動作請求並使用“城市”選項更新狀態。 MapDispatchToProps並從componentDidMount調用Redux操作。

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

MapStateToProps將包含options: cities可能為1000個或更多城市，並且僅以一種形式使用的城市。 我們要在全球范圍內開展這項工作嗎？ 如果沒有，更好的方法是什么？ 學習。 謝謝。

Answer 1

您可以選擇僅對此表單元素具有本地狀態。 如果您想要一個受控組件，但不希望/不需要使這些選項處於全局狀態，則為表單創建一個包裝器組件以跟蹤本地狀態，並僅在componentDidMount中更新本地狀態。 您可以根據項目中需要的狀態來混合/匹配本地和全局狀態。 如果您在其余項目狀態中不需要表單提交數據，則該本地狀態還可以跟蹤表單更改並提交。