Всем привет , такая ситуация : У меня есть панель ActionsItemsPanel

Question

Всем привет , такая ситуация : У меня есть панель ActionsItemsPanel

с кнопками фильтрами и тд.. На этой панели есть кнопка "Create Item" , по нажатию на эту кнопку должна появлятся модалка , открыта модалка или нет зависит от состояния стейта const [modalOpen, setModalOpen] = useState(false); , этот useState лежит в компоненте ActionsItemsPanel , кто может подсказать как сделать открытие этой модалки без перересовки компонента ActionsItemsPanel , так как сама модалка не лежит в этом компоненте ? Стоит ли перенести const [modalOpen, setModalOpen] = useState(false) и если да то куда ?
Вот код компонента :

#frontend #javascript #programming #react.js #russian

0

06.02.2022

12 ответов

21 просмотр

Vlad Rassokhin

Никак, у тебя сетСтейт должен сработать

0

06.02.2022

Bohdan zots Автор вопроса

Бехруз Б.
поднять стейт выше (lifting state up)

окей , тогда стейт будет у компонента выше и уже этот компонент будет ре-рендерится

0

06.02.2022

Bohdan zots Автор вопроса

Vlad Rassokhin
Никак, у тебя сетСтейт должен сработать

я как-то где то видел такое , и почти уверен что есть решение , просто я его забыл)

0

06.02.2022

Антон

Легко, создай ивент емитер, в компоненте с модалкой подпишись на события, и в любом месте емить событие для открытие окна, только компонент с модалкой будет перерисовываться

0

06.02.2022

Bohdan zots Автор вопроса

Антон
Легко, создай ивент емитер, в компоненте с модалко...

Евент имитер в реакт? Что это я только в ноде с ним работал

0

06.02.2022

Антон

Bohdan zots
Евент имитер в реакт? Что это я только в ноде с ни...

Это патерн его можно использовать везде, реакт всего лишь шаблонизатор

0

06.02.2022