Как собрать React Wizard с динамическим числом шагов
Я создаю мастера на основе React, Redux и React Router V4.
Когда виджет монтируется, я получаю вопросы из API. Все эти вопросы должны быть на одном этапе мастера. Никогда не знаю, сколько шагов будет у мастера.
Вначале это приветственный шаг, а в конце пользователь видит сайт с благодарностью.
Создать мастера с фиксированным числом шагов будет несложно. Я уверен, что создать мастер с динамическим числом шагов тоже легко, если вы знаете, как это сделать.
Где мне разместить логику: А) получить следующий / предыдущий шаг / маршрут и Б) перейти к нему?
Тебе удалось что-нибудь придумать?
Ответы 1
Вы можете создать компонент-контейнер для своего мастера и сделать так, чтобы он отображал компоненты шага на основе свойств. Логика будет помещена в отдельный файл, который будет импортирован в контейнер.
Я бы рекомендовал использовать либо редукционная форма, либо другую альтернативу для управления состоянием вашей формы в этом сценарии.
Вы также можете взглянуть на эту библиотеку: React-Albus