Как вставлять динамические формы в React?

Question

[AltaiR]

Привет всем. Только начинаю свой путь в реакт. Возник такой вопрос. Есть wizard, где пользователь выбирает один из предложенных вариантов:

И в зависимости от выбранного запроса на следующем шаге должна появиться форма:

Эти формы будут кардинально отличаться в зависимости от выбранного запроса. Для форм использую formik. Подскажите пожалуйста как это реализовать, где хранить эти формы?

Answer 1

[Viacheslav Gordeiko]

Как вариант - хранить формы отдельными компонентами. При выборе "Запрос 1" или "Запрос 2" и т.д. менять состояние. Ну и в зависимости от текущего состояния рендерить нужную форму.

Comments

[AltaiR]

А если у меня будет 100 разных запросов, то мне получается надо импортить все 100 форм и рендерить только тот, который нужен?

[Viacheslav Gordeiko]

Тогда логичнее передавать в один компонент-форму параметры в виде объекта, а в самом компоненте строить форму на основании объекта из пропсов.

[AltaiR]

Viacheslav Gordeiko, спасибо. Попробую так сделать