Условные выпадающие списки с массивами полей реагировать-выбирать и реагировать-конечная форма

Question

Я использую react-select с react-final-form, и мне нужно иметь два выбора, где выбранный параметр в первом выборе динамически устанавливает параметры для второго выбора. Например, когда в первом выборе выбран вариант One, второй выбор получает параметры One A и One B.

Эти выборки используются в массиве. Вот мои коды и коробка с начальной настройкой https://codesandbox.io/s/react-final-form-field-arrays-e4mm6?fontsize=14.

Я нашел два похожих примера, но я не знаю, как адаптировать их к моему варианту использования.

Во-первых, янашел этот пример для react-final-form, который устанавливает значение поля, используя createDecorator, но он используется для значения поля, а не для опций опций.

Во-вторых, я нашел этот пример для react-select, который задает параметры динамически с использованием состояния, но я не знаю, как я могу адаптировать его к своему случаю, учитывая массивы полей.

Буду признателен за любую помощь.

Answer 1

Интересно, проблема. Вот и я. Я создал компонент <PickOptions/>, который следит за первым полем и предоставляет параметры для второго. Он также очищает второе поле, когда значение первого изменяется, что выглядело как то, что вам нужно. Вы также можете установить первый параметр в массиве или что-то в этом роде ...