Спасибо за интерес к нашему проекту

Токсичные вы, однако. Вместо того, чтобы по-человечески объяснить, сначала выльете все свое недовольство

Подожди, тебе говорят - это не правильно, говорят почему, кидают ссылку на оф доку где написано что так не надо делать. И поэтому мы токсичные? Ты вообще в себе?

Так я и сказал "сначала". Я ссылку вижу только в самом конце обсуждения

Ну это потому что ты до конца обсуждения не мог принять другие аргументы

Так я объяснял свою позицию. В ответ: "я б на тебя нассал"

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

Просто оставлю это тут

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

Ну так там написано «я бы на тебя нассал»? Я чет не вижу

Решим на месте

Мне нравится твоя позиция "Надо вырвать из контекста" :)

onToggle={changeModalState}

Мне нравится твоя позиция "Надо вырвать из контекста" :)

Как это решает проблему и куда мы передаем этот onToggle?

Ну вообще до этого он тебе вполне объяснил свою позицию.

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

В модалку. А если у тебя анимация на модалку и тебе нужно что-то сделать после нее? таймаут ставить?

В модалку. А если у тебя анимация на модалку и тебе нужно что-то сделать после нее? таймаут ставить?

Мне есть, к чему стремиться, как и всем здесь. А реагировать на что-то так... Ну я тоже могу сказать, что ты пишешь говнокод, а можно человека подтолкнуть к правильному варианту. Для этого и есть этот чат. Мир - иллюзия на мой 1 вопрос же все объяснил без оскорблений. А тут что случилось?

Так у нас имеется только ref на модалку без ее текущего состояния, как этот onToggle должен сказать компоненту рядом с модалкой, что она открыта?

Мне есть, к чему стремиться, как и всем здесь. А реагировать на что-то так... Ну я тоже могу сказать, что ты пишешь говнокод, а можно человека подтолкнуть к правильному варианту. Для этого и есть этот чат. Мир - иллюзия на мой 1 вопрос же все объяснил без оскорблений. А тут что случилось?

Т.е. onToggle все равно изменяет какой-то внешний флаг. Итого, у нас имеется этот самый флаг, а так же состояние модалки, которое находится внутри компонента

Не бери в голову короче)

А если такой пример? this.modalRef.open() <Modal onToggle={this.input.focus} />

Так а почему тогда не сделать пропс isOpened модалке?

А если у тебя анимация есть на модалке и onToggle сработает после ее окончания, а не сразу?

Не понимаю какое это отношение имеет к контролю состояния

А если у тебя анимация есть на модалке и onToggle сработает после ее окончания, а не сразу?

Это же этот кейс?

Ладно. Что делает метод open? Наверное по нему внутри модалки меняется состояние isOpened так почему бы не передать это пропсом без метода?

А если метод что-то вроде такого? open = () => this.animation.start({ onEnd: props.onToggle })?

Вот посмотри выше

Мы сейчас разжевываем мой подход? :) Я вроде как услышал и даже принял ваши комментарии. Зачем мне сейчас доказывать то, от чего я отказался? :)

Ну вот простой пример того, что я имел в виду const Something = () => { const [isOpen, setIsOpen] = useState(false) const open = useCallback(() => setIsOpen(true), []) const close = useCallback(() => setIsOpen(false), []) return <> <button onClick={open}>Открыть модалку</button> <p>Модалка {isOpen ? 'открыта' : 'закрыта'}</p> <Modal isOpen={isOpen} close={close} /> </> }

И содержимое <p> без текущего состояния модалки можно условно отрендерить только через костыли

Мы сейчас разжевываем мой подход? :) Я вроде как услышал и даже принял ваши комментарии. Зачем мне сейчас доказывать то, от чего я отказался? :)

Ты нам объясни то по нормальному почему ты отказался. Пока что только я услышал что тебе нужно анимацию запускать. Я тебе написал как можно запустить анимацию передавая пропс isOpened.

Пацана съели за модалку

const Something2 = () => { const [isOpen, setIsOpen] = React.useState(false); const [isFullClose, setIsFullClose] = React.useState(false); const open = React.useCallback(() => setIsOpen(true), []); const close = React.useCallback(() => setIsOpen(false), []); const fullClose = React.useCallback(() => setIsFullOpen(false), []); return ( <button onClick={open}>Открыть модалку</button> <p>Модалка {isOpen ? 'открыта' : isFullClose ? 'закрыта полностью' : 'закрыта'}</p> <Modal isOpen={isOpen} close={close} onCloseAnimationEnd={fullClose} /> ) };

Почему ты тут не можешь поменять isOpen в конце анимации?)

А если мне надо что-то сделать по началу закрытия и по концу?

const Something2 = () => { const [isOpen, setIsOpen] = React.useState(false); const [isFullClose, setIsFullClose] = React.useState(false); const open = React.useCallback(() => setIsOpen(true), []); const close = React.useCallback(() => setIsOpen(false), []); const fullClose = React.useCallback(() => setIsFullOpen(false), []); return ( <button onClick={open}>Открыть модалку</button> <p>Модалка {isOpen ? 'открыта' : isFullClose ? 'закрыта полностью' : 'закрыта'}</p> <Modal isOpen={isOpen} close={close} onCloseAnimationEnd={fullClose} /> ) };

Кстати ты фрагмент забыл

Ну давай еще предъяви, что по открытию модалки isFullOpen будет false :D Я же просто как пример

Ну давай еще предъяви, что по открытию модалки isFullOpen будет false :D Я же просто как пример

кто нить работал с three.js? У меня есть фигурка стола в svg. как мне ее нарисовать? по координатам? или прям svg можно?

Книги устаревают

Почему?

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

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

Нет