Чувак не понимает как работает resize. Его хук лагать будет.

может кто видел\делал подобный хук? поделитесь, если не жалко

Оно пишется в 2 строчки

если что это находится внутри компоненты так, что методы show... hide... можно использовать дальше

если что это находится внутри компоненты так, что методы show... hide... можно использовать дальше

может кто видел\делал подобный хук? поделитесь, если не жалко

И что?

я немного не понимаю, как можно отрендерить эту модалку, которую я передаю как пропс

может кто видел\делал подобный хук? поделитесь, если не жалко

Видимо это вот это https://github.com/mpontus/react-modal-hook/blob/master/README.md

https://www.npmjs.com/package/context-react-modal мож глянуть, вдруг понравится)))) палками только кидать не нужно

спасибо

может кто видел\делал подобный хук? поделитесь, если не жалко

Изучи что такое портал и тебе не понадобятся никакие хуки, контексты, которые тебе пишут выше и подобные излишества.

я знаю, что такое портал, повтрюсь, реализация через портал мне не подходит

Без проблем. Только твоё "захламление" переходит в хук. Таким образом ты от него не избавишься)

зачем для каждой модкли писать логику, если можно в одном месте написать и переиспользовать?

Я этого не утверждал. У нас в проекте есть const Modal = ({onClose, children}) => { ... }, на основе которой делаются остальные модалки.

Я этого не утверждал. У нас в проекте есть const Modal = ({onClose, children}) => { ... }, на основе которой делаются остальные модалки.

Я этого не утверждал. У нас в проекте есть const Modal = ({onClose, children}) => { ... }, на основе которой делаются остальные модалки.

И просто внутрь компонент с содержимым бросаете?

Да, ну и там есть всякие пропы, которые управляют закрытием по esc и прочие мелочи.

А если из модалки данные вверх передать в компонент, который ее вызвал?

Не понимаю вопроса.

Например создание пользователя дизайнер сделал в модальном окне (имя фамилия) инпуты. Заполнил, нажимаю сохранить

Например создание пользователя дизайнер сделал в модальном окне (имя фамилия) инпуты. Заполнил, нажимаю сохранить

<Modal opened={opened}> <Form onSave={callback} /> <Modal />

а если я хочу 3 модалки поднять сразу на главной странице к примеру

Не вижу проблемы. Поднимай.

как это выглядит, в твоем примеру

Рендеришь модалки в нужном порядке. Или даже друг в друге. Что позже маунтится, то будет выше.

что бы открыть их подряд в компонент пихнуть нужно? ну з

Я этого не утверждал. У нас в проекте есть const Modal = ({onClose, children}) => { ... }, на основе которой делаются остальные модалки.

Да, так же как и в других ситуациях.

не лучше массив компонентов в еффект передать к примеру?

Не вижу никаких преимуществ.

Я этого не утверждал. У нас в проекте есть const Modal = ({onClose, children}) => { ... }, на основе которой делаются остальные модалки.

showModal([Modal1, Modal2, Modal3]) - , хз, видимо тут их нет

Часто ли тебе нужно просто отобжарать модалку, не прокидывая в неё ничего снаружи? Примерно в нуле случаев.

ну камо, ты что, в самой Modal1 прокинь все

Не понимаю, что прокинуть и как?

showModal([() => <Modal1 />, () => <Modal1 />..])

Создавать на каждый рендер новую функцию?

вызови в салбеке

Тебе не кажется, что ты черезчур сложное решение проблемы придумал?

хорошее , понятное, лаконичное, это лучше чем городить кучу компонентом, это просто как палка

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

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

На скрине не удобно. Но и прокидывание компонентов в функции так же такое себе.

почему? это довольнно не плохо

И у тебя ещё контекст всерху висит, который отслеживает вызов этой функции, да?

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

И у тебя ещё контекст всерху висит, который отслеживает вызов этой функции, да?

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

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

По id

Ладно, остановлюсь на том, что у тебя переусложненное какое-то решение, в отличии от простого рендера с порталом.

Это куда сложнее, чем просто ReactDom.render(..., document.body) :D

много проблем решило в работе, тем более , что в каждом проекте модалки посути одинаковы

Моя строчка не решает твои проблемы?)

Народ, залечу в ваш тред про модалки, у меня есть от апи clientid, client_secret. Его нужно отправлять в виде зашифрованных в бейз64 строк через :. Дык вот, где их хранить лучше? .env? const где то в helpers/constants.js?

ты понял что сказал? тебе закрыть нужно, прокинув ф-ю закрытия туда, где твой запрос

последний варик видел юзают люди

Прокидываешь id в экшен, а по выполнению запроса диспатчится другой на закрытие модалки с нужным айди. Ты так говоришь, будто твой - единственный вариант.

не, с контекстом проще, ничего не прокидываешь, не нужно следить за активными никак, просто рисуешь, что есть в массиве и все

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

Только вот одна проблема. Мне не нужно прокидывать ничего)

Только вот одна проблема. Мне не нужно прокидывать ничего)