Size: a a a

React — русскоговорящее сообщество

2020 November 16

el

eden lane in React — русскоговорящее сообщество
Nikolay Tolochnyy
ты правильно расшарил?
через кнопку share, вроде правильно
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
eden lane
думаю на garbage collection больше тратится ресурсов, чем на сохранение в памяти одной функции. Этот хук, наверное, не просто так придумали
Вы не понимаете как работают хуки, функция внутри юзколбек все равно будет создаваться на каждый рендер
источник

NT

Nikolay Tolochnyy in React — русскоговорящее сообщество
попробуй в инкогнито открыть. Там первоначальный скелет
источник

el

eden lane in React — русскоговорящее сообщество
Nikolay Tolochnyy
попробуй в инкогнито открыть. Там первоначальный скелет
чёрт, да. сейчас  вроде ок должно быть:
https://codesandbox.io/s/little-snowflake-yshx2?file=/src/App.tsx
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Dmirty Lu Richardson
Приветики! Не понимаю, почему при ресайзе окна, переменная test не изменяется и всегда выводится 0
Вам нужно внимательно изучить тему замыканий и как они работают в хуках реакта.
https://whatthefuck.is/closure
источник

DL

Dmirty Lu Richardson in React — русскоговорящее сообщество
Так работает
источник

NT

Nikolay Tolochnyy in React — русскоговорящее сообщество
Dmitriy Shuleshov
Вам нужно внимательно изучить тему замыканий и как они работают в хуках реакта.
https://whatthefuck.is/closure
ну тут даже не в реакте, а просто замыкания
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Nikolay Tolochnyy
ну тут даже не в реакте, а просто замыкания
Не все понимают как реакт работает с fc и хуками
источник

NT

Nikolay Tolochnyy in React — русскоговорящее сообщество
console.log вынесите за функцию, на уровень функциональной компоненты
источник

el

eden lane in React — русскоговорящее сообщество
Dmitriy Shuleshov
Вы не понимаете как работают хуки, функция внутри юзколбек все равно будет создаваться на каждый рендер
спасибо, где про это можно почитать подробнее? именно внутреннее устройство?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Оно работало и до этого просто в консоль выводилось значение из замыкания.

Что б чекнуть изменился ли стейт используйте реакт дев тулз
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
eden lane
спасибо, где про это можно почитать подробнее? именно внутреннее устройство?
источник

el

eden lane in React — русскоговорящее сообщество
спасибо
источник

DL

Dmirty Lu Richardson in React — русскоговорящее сообщество
Dmitriy Shuleshov
Вам нужно внимательно изучить тему замыканий и как они работают в хуках реакта.
https://whatthefuck.is/closure
Так дело ведь не в замыканиях
источник

NT

Nikolay Tolochnyy in React — русскоговорящее сообщество
Dmirty Lu Richardson
Так дело ведь не в замыканиях
а в чём?
источник

DL

Dmirty Lu Richardson in React — русскоговорящее сообщество
В реакте setState асинхронный
источник

И

Иван in React — русскоговорящее сообщество
eden lane
думаю на garbage collection больше тратится ресурсов, чем на сохранение в памяти одной функции. Этот хук, наверное, не просто так придумали
const Kek = () => {
 const kek = useCallback(() => {}, [])
 ...
}

тут функция не объявляется на каждом рендере?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Dmirty Lu Richardson
Так дело ведь не в замыканиях
Если бы вы могли это утверждать то изначального вопроса не возникло бы, пожалуйста, прислушайтесь к данным выше советам.
источник

el

eden lane in React — русскоговорящее сообщество
Иван
const Kek = () => {
 const kek = useCallback(() => {}, [])
 ...
}

тут функция не объявляется на каждом рендере?
я думал, что нет
источник

И

Иван in React — русскоговорящее сообщество
eden lane
я думал, что нет
эквивалентный код

const Kek = () => {
 const preKek = () => {}
 const kek = useCallback(preKek, [])
 ...
}
источник