Mishka
просто перед каждой функцией назвать ее как-то?
они тебе не нужны, их больше не будет если ты хуки используешь
myown.
Жесть
не спорю
myown.
и коль уж ты хочешь переходить на хуки закомменть все, оставь только return
я пробовала по всякому, там на этот willmount завязано. у меня все ломается
myown.
перед каждом вызовом функции напиши const
можно подробнее? как мне быть, если я не могу удалить всю эту поебень до return ?
Mishka
можно подробнее? как мне быть, если я не могу удалить всю эту поебень до return ?
и когда ты пишешь через функциональные компоненты, в них нет методов таких как DidMount и renderer Есть только useState, useEffect, useContext и return
Mikhail
можно подробнее? как мне быть, если я не могу удалить всю эту поебень до return ?
У тебя используются lifecycle методы в классе. Внутри функциональных компонентов их не существует — вместо них используется useEffect
Илья
Может просто доку надо прочитать?
Mikhail
можно подробнее? как мне быть, если я не могу удалить всю эту поебень до return ?
Чтобы тебе переписать все с классов с лайфсайкл-методами на функциональные компоненты с хуками, нужно - переписать сам компонент в функциональном стиле - переписать всю работу со стейтом на useState вместо setState - убрать все лайфсайкл методы, а логику из них переписать на useEffect
Илья
Нет. Если бы умели, то наверно поняли бы в чем проблема.
Mikhail
Ну а как ты ее читала, если используешь лайфсайкл внутри хуков? В доке ясно написано, что в хуках их нет
Mikhail
меня предупреждали, что js программисты любят все переписывать🌚
Хз, я ещё не переписывал, но кстати тут не при чем js Просто стек оч быстро развивается, надо поспевать
Артём
задаёшь вопросы по организации логики @ запрашиваешь советы и бест практис по неочевидным моментам @ всем пихyй @ писечка не осилила первые 3 главы доки и пишет лайфсайкл хуки в функциональных компонентах @ 100500 советов и ответов @ НАПИШИ В ЛИЧЕЧКУ, ЕСЛИ ЧТО-ТО НЕ ПОНЯЛА, ЗАЙКА
Mikhail
Перманентный бан за сексизм
myown.
хахах
Илья
Так и работает. В итоге не всегда девушка, которая спрашивает что-то девушка.
В данном случае смесь занзибарского стиля в виде чулочно носочный изделий и сандален поражает своим размахом.
Илья
вот это самоподдув ))))
Перевод детектед)))
MVD
Подскажите какой нибудь крутой tooltip компонент
Alex
Всем хай, может кто помочь разобраться с правилом еслинта. Хочу написать чтобы требовало, React.Fragment а не <> Может кто подсказать как, по доке чёт нихуя не понятно https://github.com/yannickcr/eslint-plugin-react/blob/6bb160459383a2eeec5d65e3de07e37e997b5f1a/docs/rules/jsx-fragments.md
Alex
Так не работает? "react/jsx-fragments": [true,"syntax"]
Осознал благодаря тебе как надо, спасибо большое
Maxim
Я тоже по доке ничего не понял, в исходниках посмотрел. ;)
Oleg
Правда всё равно пишешь Fragment, потому что некоторые библиотеки не поддерживают этот синтаксис.
Alex
где то на медиуме была статья что fragment лучше
⇺Goga⇻
подскажите, почему функция не вызывается? внутри только textarea
⇺Goga⇻
грузится фото...
Constantine️
ничего непонятно из кода
⇺Goga⇻
ааа
⇺Goga⇻
<InputDescription onFocus={this.changeOrder}/>
⇺Goga⇻
сори, соеденение плохое, все с опозданияси грузилось
Constantine️
https://codepen.io 😉
⇺Goga⇻
https://codepen.io 😉
я бы на него кидал ссылку, если б был какой-то большой кусок кода. А тут пара строчек
akasybe
у компонента InputDescription обрабатывается проп onFocus?
akasybe
потому что это не нативный элемент
⇺Goga⇻
это функция, которая должна менять state
akasybe
потому что если вы надеетесь на нативное событие, то оно не сработает
⇺Goga⇻
тоесть я должен это писать внутри самого компонента в textarea
akasybe
да
akasybe
https://codesandbox.io/s/hopeful-darwin-7lc2w
Алексей
Ребят где взять эти штуки?
Алексей
Mihail
Да
Какие штуки хоть? Конкретнее пожалуйста
Алексей
Какие штуки хоть? Конкретнее пожалуйста
OptionsType, ValueType. это react-select, раньше лежали в папке либ, сейчас её нету
Yar
Да
Посмотрите откуда импорт
Andrew
Привет чуваки! Недавно игрался с хуками и встретился с проблемой. Вот код, в котором по нажатии на кнопку отправляется запрос к апи на создание нового тега: export default () => { const [isLoading, setIsLoading] = useState(false); const handleCreateClick = async () => { setIsLoading(true); await createNewTag(); setIsLoading(false); }; return ( <Button onClick={handleCreateClick} > Create new tag </Button> ); }; Проблема вот в чем: если во время выполнения запроса я уйду на другую страницу, то вот этот код setIsLoading(false); Поругается такой ошибкой: Can't perform a React state update on an unmounted component. Есть ли какая-то хорошая практика, чтобы избегать такую ошибку?
Ivan
Прочитал, хотя он не про это. Проверять компонент на маунт?
Dmitry
isMounted - антипаттерн
Andrew
Cancelable promise гугли
Похоже то, что нужно! Спасибо ❤️
Dmitry
вот, нашел ссылку https://ru.reactjs.org/blog/2015/12/16/ismounted-antipattern.html
Andrey
советчики от бога
Dmitry
запросы выполняются в стейт менеджере не нужно пихать их в компоненты (slowmode 30 secs suxx)
где ты будешь вызывать экшены условного редакса, если не в компоненте в cDM?
Andrey
где ты будешь вызывать экшены условного редакса, если не в компоненте в cDM?
вызвать экшн из компонента, и сделать запрос - немного разные вещи, не находишь?