VK
Soltukiev Malik
Кстати, как реализовать правильно самозакрываюшиеся алерты?
Закрывать после таймаута
Size: a a a
2020 November 16
IN
Soltukiev Malik
Кстати, как реализовать правильно самозакрываюшиеся алерты?
почему алерты?
K(
Soltukiev Malik
У меня есть очень крутая тудушка, где есть страницы, у каждой есть свои заметки, заметки можно перекидывать по разным страницам, редактировать, отмечать выполненными и т.д.
Молодец, крассссссавчик
SM
Закрывать после таймаута
А что будет, если закрывается через 3 секунды, а ты добавил 2 заметки с интервалом в 2 сек? Верно, закроется через 1 сек. Я, конечно, обошел этот момент, но выглядит не оч, хотя все работает.
VK
Soltukiev Malik
А что будет, если закрывается через 3 секунды, а ты добавил 2 заметки с интервалом в 2 сек? Верно, закроется через 1 сек. Я, конечно, обошел этот момент, но выглядит не оч, хотя все работает.
Я ж не знаю детали, вы задали вопрос - я ответил, деталей же никаких)
SM
почему алерты?
ну я их так называю, там не алерты, а дивы
SM
Я ж не знаю детали, вы задали вопрос - я ответил, деталей же никаких)
Ну смотри. Ты добавил 1 заметку, и выскакивает алерт, у которого есть таймаут 3 сек, но через 2 сек ты добавляешь еще 1 заметку, но тот первый таймаут еще идет, и через 1 сек закроется алерт. Но я это обошел, сделав сброс таймаута, когда добавляю новую заметку, и опять запускаю таймаут, но проблема в том, что пришлось делать переменную вне компонента.
SM
Просто боюсь, что другие не поймут механизма, когда будут чекать код.
A
Soltukiev Malik
Просто боюсь, что другие не поймут механизма, когда будут чекать код.
useRef
SM
useRef
а ref.current можно приcваивать функцию?
SM
таймаут
A
Soltukiev Malik
а ref.current можно приcваивать функцию?
Да
SM
Ок, спс.
O
Ребят вопрос по material ui. .можно ли создать собственный стилизованный вариант для Typography!?
VK
Soltukiev Malik
Ну смотри. Ты добавил 1 заметку, и выскакивает алерт, у которого есть таймаут 3 сек, но через 2 сек ты добавляешь еще 1 заметку, но тот первый таймаут еще идет, и через 1 сек закроется алерт. Но я это обошел, сделав сброс таймаута, когда добавляю новую заметку, и опять запускаю таймаут, но проблема в том, что пришлось делать переменную вне компонента.
Можно стакать их один над другим🤷♂
Или очищать, сохраняя id таймаута в ref, все правильно сказали
Или очищать, сохраняя id таймаута в ref, все правильно сказали
DS
Шо тут происходит?
Костылим toast либу?
Костылим toast либу?
SM
а что делать, если у меня сложный алгоритм для фильтрации, и читающий просто не поймет этот алгоритм?
V
Soltukiev Malik
Ну смотри. Ты добавил 1 заметку, и выскакивает алерт, у которого есть таймаут 3 сек, но через 2 сек ты добавляешь еще 1 заметку, но тот первый таймаут еще идет, и через 1 сек закроется алерт. Но я это обошел, сделав сброс таймаута, когда добавляю новую заметку, и опять запускаю таймаут, но проблема в том, что пришлось делать переменную вне компонента.
const timeout = useRef(null)
useEffect(() => {
timeout.current = startTimeout()
}, [])
useEffect(() => {
clearTimeout(timeout.current)
timeout.current = startTimeout()
}, [notifications.length])
const startTimeout = () => {
return setTimeout(() => setOpen(false), 3000)
}SM
Шо тут происходит?
Костылим toast либу?
Костылим toast либу?
а для этого есть готовая либа?
