Слушайте, нарисовал кастомную модалку без зависимостей, всё вроде бы хорошо,

Question

Слушайте, нарисовал кастомную модалку без зависимостей, всё вроде бы хорошо,

но возникла проблема из неожиданного места:
При анмаунте модалки у меня стоит транзишн. Всё юиксово, прекрасно, плавно закрывается, но сам контент пропадает резко, т.к. isOpened нюхает как раз наличие контента для модалки. То есть: контент для модалки есть? Показываем.
Вопрос: можно ли как-то притормозить перерисовку контента на крошечные 500мс? Именно при анмаунте. Какие для этого кейса вообще решения есть кроме библиотек?

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

0

28.03.2021

10 ответов

22 просмотра

Не Гена 🐊 На Автор вопроса

Dmitriy Shuleshov
Не анмаунтить пока не сработает transitionend Но ...

Ну, безусловно, наличие транзишна и портала в body уже звучит как велосипед. Но есть ситуации, когда ант не любишь, а материал css-in-js. Фу. Подскажи, пожалуйста, как можно не анмаунтить до транзишнэнда?

0

28.03.2021

Не Гена 🐊 На Автор вопроса

Dmitriy Shuleshov
Не анмаунтить пока не сработает transitionend Но ...

Возможно, кстати, ты не понял меня. У меня children прибивается в том месте, где я вызвал эту модалку.

0

28.03.2021

Dmitriy Shuleshov

Не Гена 🐊 На
Возможно, кстати, ты не понял меня. У меня childre...

Вот теперь точно не понял

0

28.03.2021

Dmitriy Shuleshov

Не Гена 🐊 На
Возможно, кстати, ты не понял меня. У меня childre...

Чет хотел найти пример а они все с хОками😁

0

28.03.2021

Не Гена 🐊 На Автор вопроса

Dmitriy Shuleshov
Чет хотел найти пример а они все с хОками😁

Я уже и у того же материала подсмотрел - у них гуд отрабатывает. Я вот о чем говорю: есть условный попап. Этот попап открывается в каком-то конкретном случае только если его children не undefined. Окей. Какую-то картинку в стейт положили, попап плавненько открылся. Супер. Но вот когда мы что-то сделали с этой картинкой, нам нужно закрыть попап, зачистив при этом стейт, - попап закрывается плавно и красиво, но вот его содержимое (он же children) пропадают резко. То есть, остаётся только шапка и футер

0

28.03.2021

Dmitriy Shuleshov

Не Гена 🐊 На
Я уже и у того же материала подсмотрел - у них гуд...

А. Нужно явно разделить флаг показа попапа и его содержимое. Я все равно конкретику немного недопонял, может демку?

0

28.03.2021

Не Гена 🐊 На Автор вопроса

Dmitriy Shuleshov
А. Нужно явно разделить флаг показа попапа и его с...

Я полчаса рисовать её буду. Лучше сегодня постираю пальцы в гугле, а завтра переспрошу, если адекватного решения найдено не будет. А явно показывать\не показывать заставит как минимум по одному разу на попап рисовать экспрешн. Не гуд. Но спасибо, что попытался вникнуть.

0

28.03.2021

Dmitriy Shuleshov

Не Гена 🐊 На
Я полчаса рисовать её буду. Лучше сегодня постираю...

Надеюсь тебе завтра ответят😊

0

28.03.2021

Не Гена 🐊 На Автор вопроса

Dmitriy Shuleshov
Надеюсь тебе завтра ответят😊

Надеюсь, я сегодня придумаю НЕ_КОСТЫЛЬ

0

28.03.2021