Reactjs 如何使用异步请求实现级联表单？

我有一张这样的表格：

<input text />
<select dropdown1 />

<select dropdown2 />
<select dropdown3 />

流量为：

始终显示输入文本

下拉列表1始终显示

仅当选择了dropdown1中的特定选项时，才会显示dropdown2和dropdown3

dropdown3值是基于dropdown2值从http请求中获取的（实际上是通过redux、connect和actions调度完成的，但关键是，它是异步的）

我不知道如何组织此场景的流，并为所有情况设置初始值。 我不需要任何特定的代码，但需要关于何时设置特别关注初始值的建议

例如，如何设置dropdown2和dropdown3的初始值

这是

getDerivedStateFromProps

的一个很好的用例，它将根据传递的props（从

connect

）设置状态（控制输入）？

---

或者我应该只使用

componentdiddupdate

并根据已更改的道具（包括redux道具）设置值吗？

您已经尝试过什么了，可以演示吗？您已经尝试过什么了，可以演示吗？