А под какие не подходит?
почитайте тред, пожалуйста
wolfe
Daniil
https://t.me/react_js/748284 немного промазал
Андрей
useEffect(() => () => fn, [])
чем не вариант?
О. Самое весёлое, что забаненному прямо там рассказали чем не вариант. Но нужно было плеваться кислотой.
Bogdan
Не понимаю вопроса.
там в примере у тебя условие стоит перед еффектом, типо если условие выполнится, до хука дело не дойдет, это не является выполнением хука по условию?
Oleg
О. Самое весёлое, что забаненному прямо там рассказали чем не вариант. Но нужно было плеваться кислотой.
Хм, да, неочевидненько...
Андрей
Ivan
ну камон, так все и делают, кто то по другому умеет?
Когда так делаешь, линтер реакта выводит предупреждение о потенциальной ошибке. Те, кто читают предупреждения линтера, так не делают.
Вот тут очень подробно рассказывается про эффекты, там всё это есть
https://overreacted.io/a-complete-guide-to-useeffect/
wolfe
просто эффекты !== лайфсаклы
Bogdan
я не понял, всех не устроило, что вот такой способ тригерит анмаунт?
React.useEffect(() => {
return () => console.log("unmount");
}, [count]);
Kurzdor
Забаньте этого матюкливого
чувак, залезь обратно откуда вылез плжст
я лично тебя не видел тут вообще
Anatoly
Иди пиши дальше на jquery. Сайты для своего села
Ivan
я не понял, всех не устроило, что вот такой способ тригерит анмаунт?
React.useEffect(() => {
return () => console.log("unmount");
}, [count]);
Всех не устроило, что это называют unmount hook, потому что в твоём примере функция будет консолить на каждом изменении count, а в исходном примере функции недоступны актуальные пропсы и стейт.
Кириллл
Kurzdor
ало гараж, ты не с того ни с сего вылез из дупла и начал гнать на человека, хоть и иногда перебирает с матом и тд
но это не чат по вую где через мат ебашут бан
Bogdan
Всех не устроило, что это называют unmount hook, потому что в твоём примере функция будет консолить на каждом изменении count, а в исходном примере функции недоступны актуальные пропсы и стейт.
конечно на каждый пук каунта, будет тригерится все, я хз, это же очевидно, только хз, можно ли убрать это поведение
Ivan
конечно на каждый пук каунта, будет тригерится все, я хз, это же очевидно, только хз, можно ли убрать это поведение
Если перестать мыслить категориями жизненного цикла, то да.
Андрей
Marat
Kurzdor
Marat
странный кусок кода ты выложил, непонятно ничерта
это обучение с уроков, наверное пример не совсем настоящий)
Kurzdor
Ivan
Kurzdor
Потому что ты вызываешь метод remove. Добавь () => перед ним
а, точно
() => this.removeThisButton(key)
Bogdan
Если перестать мыслить категориями жизненного цикла, то да.
но по факту хуки не есть замена жц ведь?
Ivan
но по факту хуки не есть замена жц ведь?
хуки избавляют от потребности в жизненном цикле
они не заменяют жизненный цикл, а решают проблему иначе
Marat
Потому что ты вызываешь метод remove. Добавь () => перед ним
Спасибо, сработало, но я не понял, я вызываю какой-то дефолтный метод? Где про это почитать?
Kurzdor
Спасибо, сработало, но я не понял, я вызываю какой-то дефолтный метод? Где про это почитать?
https://codesandbox.io/s/recursing-framework-g2yxp
вот, наглядно тебе
Kurzdor
Ivan
Спасибо, сработало, но я не понял, я вызываю какой-то дефолтный метод? Где про это почитать?
https://codesandbox.io/s/naughty-wood-ytjdw
Marat
Всем спасибо, пошел изучать)
Ivan
Всем спасибо, пошел изучать)
https://learn.javascript.ru/function-expressions-arrows#funktsii-kolbeki
Ivan
https://learn.javascript.ru/function-expressions-arrows#funktsii-kolbeki
там раздел про функции-коллбэки, это то самое
Ivan
только 3 кнопка не пашет)(
да, верно
тысячу лет не писал код именно так
почему не пашет, я думаю, тебе очевидно, а автор вопроса пусть разберётся сам
полезно будет
Kurzdor
Kurzdor
@gorbunov_i апдейт
Ivan
Marat
да, верно
тысячу лет не писал код именно так
почему не пашет, я думаю, тебе очевидно, а автор вопроса пусть разберётся сам
полезно будет
контекст вызова функции берется из другого места
Kurzdor
контекст вызова функции берется из другого места
бля, пойду учить жабаскрипт
выучил чота но в глубину не задавался
Marat
тут ты метод передаёшь, а не функцию, которая вызовет метод — не соответствует тексту на кнопке
почему не пашет — гугли, чем отличаются стрелки от обычных функций
Вроде все понятно почему на скрине моем не срабатывает функция правильно, но почему она срабатывает на других кнопках, в которых вообще нет о ней упоминания я так и не понял))
Ivan
это должная быть первая сложная тема в изучении js
Ruslan
привет, нужна помощь. Я получаю от бекенда фрагмент html и хочу его вставить как элемент, а не как html строку, использую material-ui . Куда копать?
Dmitriy
привет, нужна помощь. Я получаю от бекенда фрагмент html и хочу его вставить как элемент, а не как html строку, использую material-ui . Куда копать?
1. dangerouslySetInnerHTML
2. Или пойти и навалять беку за чушь
Ilya
привет, нужна помощь. Я получаю от бекенда фрагмент html и хочу его вставить как элемент, а не как html строку, использую material-ui . Куда копать?
dangerouslySetInnerHTML как радикальный вариант, как альтернатива "с человеческим лицом" это парсинг и воссоздание фрагмента примитивами реакта
Ruslan
я использую react-draft-wysiwyg, может подскажите как храть на бекенде стилизованные комментарии, я сделал html как текст
Ilya
привет, нужна помощь. Я получаю от бекенда фрагмент html и хочу его вставить как элемент, а не как html строку, использую material-ui . Куда копать?
https://www.npmjs.com/package/html-react-parser вот ещё вариант
Андрей
🦜
я использую react-draft-wysiwyg, может подскажите как храть на бекенде стилизованные комментарии, я сделал html как текст
нужно придумать структуру данных для хранения текста и его стилей
Ruslan
я использую react-draft-wysiwyg, может подскажите как храть на бекенде стилизованные комментарии, я сделал html как текст
а там вроде под капотом можно переделать в объект js и обратно
Андрей
Андрей
Ну то есть в уроке у человека флажок стоит, который можно свитчить, а у меня не появляется, нагуглить не смог
Pasha
Кто с formik дружит, как сделать две кнопки на submit с разными хэндлерами?
Vladimir
Кто с formik дружит, как сделать две кнопки на submit с разными хэндлерами?
<button type="button" onClick={secondHandler}
🦜
Кто с formik дружит, как сделать две кнопки на submit с разными хэндлерами?
вешаешь на кнопку Id и хендлишь его внутри функции
Maxim
Яу. Есть у кого опыт сборки React приложения на Parcel?
Igor
Daniil
Как правильно переопределить _app компонент в nextjs с использованием stateless func?
Serhii
Здравствуйте. Использую следующую архитектуру для своего React-приложения:
- components
- pages
- page 1
- section 1
- section 2
- section 3
- ...
- ...
В components лежат чистые компоненты, которые используют только props
В pages лежат страницы. Страница разделяется на несколько секции, которые строятся из components.
Секции, не принимают никаких props и не имеют внутреннего состояния. Состояние всех секций хранится отдельно - в redux(надо использовать. Секции используют store, но никак его не изменяют. Все обработчики событий, которые, собственно, изменяют store и имеют бизнес логику, храняться в отдельном файле.
Основные причины принятия такого решения:
1. Не хранить обработчики событий, которые содержат бизнес логику и работают со store, вместе с разметкой т.к файл слишком быстро увелчичивается в размерах.
2. Не "размазывать" работу со store и бизнес логику по разным файлам, т.к. рендеринг зависит от результатов запросов(надо закрывать модальные окна, очищать input и т.д.).
Насколько это правильный подход? Если это некорректно, преложите альтернативу. Спасибо.
Indra
Danila