169 похожих чатов

Как использовать и вызвать модальные окна в children компонентах? использовать

useContext?

21 ответов

19 просмотров

Передать состояние родителю и там его изменить

fu7ur3gh057-Gho5t Автор вопроса
R ZHUKOV ZHUKOV
Передать состояние родителю и там его изменить

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

fu7ur3gh057 Gho5t
ну по туториалу я понял что состояния модальных ок...

Вообще я уже давно практикую размещение одного модального окна в самом корне проекта, и вызова его с нужным мне контентом

fu7ur3gh057-Gho5t Автор вопроса
R ZHUKOV ZHUKOV
Зачем апп? Там где будешь изменять его

я хочу при вызове модального окна с разных частей Апп, вызывать и подставлятьт разные модальные окно, то есть разный контент внутри моодального окна.

fu7ur3gh057-Gho5t Автор вопроса

ну так корень ты имеешь ввиду index.html? туда прописал <div id="modal"></div> и состояние храню в App.tsx

fu7ur3gh057 Gho5t
ну так корень ты имеешь ввиду index.html? туда пр...

Это сложный компонент хз как ты его реализуешь через один див с айдишником))

fu7ur3gh057-Gho5t Автор вопроса
R ZHUKOV ZHUKOV
Это сложный компонент хз как ты его реализуешь чер...

в index.html пишу <div id="modal"></div> рядом с <div id="root"></div> в Апп пишу свой компонент <Modal isOpened={isModalOpened}>Content</Modal> ну что то вроде такого. я только начал изучать портал

fu7ur3gh057-Gho5t Автор вопроса
R ZHUKOV ZHUKOV
Хз зачем здесь портал)

чтоб вызывать модальное окно на полный экран, чтоб при нажатии на какой то компонент появлялось окно

fu7ur3gh057 Gho5t
чтоб вызывать модальное окно на полный экран, чтоб...

Нет, на полный экран ты делаешь с помощью css Портал нужен чтобы создать внешний див

fu7ur3gh057-Gho5t Автор вопроса
Dmitriy
Нет, на полный экран ты делаешь с помощью css Порт...

ну да, в styled components задам стиль, я спрашивал про то как из доч. компонентов отправлять онКлик в корневой элемент Апп

fu7ur3gh057 Gho5t
чтоб вызывать модальное окно на полный экран, чтоб...

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

Ну либо с помощью контекста, либо стейт менеджера Либо спускать вниз функцию онклик Ещё все зависит от того какая иерархия компонентов у тебя

fu7ur3gh057-Gho5t Автор вопроса
Dmitriy
Ну либо с помощью контекста, либо стейт менеджера ...

иерархияя очень глубокая, поэтому передавать функцию эту в качестве аргумента по мне не оч

Ну смотри, значит тебе нужен стейт менеджер или реакт контекст

fu7ur3gh057-Gho5t Автор вопроса
Dmitriy
Ну смотри, значит тебе нужен стейт менеджер или ре...

а возможно ли в кастом хук добавить логику с контекстом ?

fu7ur3gh057-Gho5t Автор вопроса
Dmitriy
useContext, там все есть

а когда при нажатии фотография на полный экран, это тоже по такой схеме можно вызывать?

Похожие вопросы

Обсуждают сегодня

30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
13
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
Как передать управляющий символ в открытую через CreateProcess консоль? Собсна, есть процедура: procedure TRedirectThread.WriteData(Data: OEMString); var Written: Cardinal;...
Serjone
6
в JclConsole объявлено так: function CtrlHandler(CtrlType: DWORD): BOOL; stdcall; - где ваше объявление с stdcall? у вас на картинке нет stdcall
Karagy
8
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
program test; {$mode delphi} procedure proc(v: int32); overload; begin end; procedure proc(v: int64); overload; begin end; var x: uint64; begin proc(x); end. Уж не знаю...
notme
6
Карта сайта