@maxemga

Как управлять несколькими модальными окнами?

Обычно, управление модальным окном у меня делается так:
const [open, setOpen] = useState(false)

    return(
        {open ?  <Modal></Modal> : null}
    )

Но это с одним модальным окном, а если я хочу построить более сложную систему, как на картинке например:
60a7b2a28d6a9229383568.png
Тоесть есть у меня регистрация, нажимаю Далее и у меня другой контент (подтверждение например) и так хоть 5 модальных окон с разным контентом, или нажимаю Войти и там открывается другое модальное окно с другой формой
Как этим управлять? Типо не делать же 5 разных переменных open для всех модальных окон и там если Пользователь нажал кнопку, то 1open == false, 2 == true и тд
Как происходит управление модальными окнами в React?
  • Вопрос задан
  • 44 просмотра
Решения вопроса 1
@SeaBreeze876
Front-end разработчик
const [window, setWindow] = useState()
switch (window) {
    case 'window1':
        return <Modal1></Modal1>
    case 'window2':
        return <Modal2></Modal2>
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы