Как реализовать каскадную форму с асинхронными запросами?

Question

У меня есть такая форма:

<input text />
<select dropdown1 />

<select dropdown2 />
<select dropdown3 />

flow is:

1. всегда отображается входной текст
2. drop1 всегда отображается
3. dropdown2 и dropdown3 отображаются только в том случае, если выбраны определенные параметры в dropdown1
4. значения dropdown3 получаются из http-запроса на основе значения dropdown2 (на самом деле это выполняется посредством переадресации, соединения и действий, но суть в том, что он асинхронный)

Я не уверен, как организовать поток для этого сценария и установить начальные значения для всех случаев.мне не нужен какой-то конкретный код, но совет о том, когда устанавливать то, что особенно фокусируется на начальных значениях.

например, как установить начальное значение для dropdown2 и dropdown3?

это хороший вариант использования дляgetDerivedStateFromProps что бы установить состояние (входы управляются) на основе пропущенных пропов (с connect)?или я должен использовать только componentDidUpdate и устанавливать значения, основанные на измененных реквизитах (включая избыточные)?