如何在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。