如何根据reactjs redux中的另一个下拉列表更新下拉列表字段

Question

我完全不熟悉 reactjs 中的编码，我正在使用 MERN 堆栈，并且仍在尝试理解 redux 存储。我了解基本功能，但假设我有一个国家和城市下拉列表，我如何使用操作、缩减器和组件来处理它？

Answer 1

我希望 redux 状态看起来像这样：

{
   countries: {
      "USA": ["New York", "Los Angeles", ...],
      "United Kingdom": ["London", "Manchester", ...],
   },
   selectedCountry: "USA"
}

然后您可以使用一些代码来提取基于 selectedCountry 的城市列表，以及一个根据 Select 元素的 onChange 更改 selectedCountry 的操作。