169 похожих чатов

Имеет ли смысл useCallback если ничего снаружи не меняется ?

const history = useHistory();
const handleClose = useCallback(() => {
history.replace({ hash: '' });
}, []);

return (
<Modal isOpen={history.location.hash === '#email'} onClose={handleClose}>
....

как мы знаем, создавать функции внутри рендера и затем кидать их в пропсы это плохо, потому что при каждом перерендере будет создаваться новая функция и триггерить перерендер компонента в который мы её передаём

но я не знаю точно проверяет ли реакт что это та же самая функция? ну там function.toString() === prevFunc.toString();


поясните плиз за мой код

6 ответов

18 просмотров
Андрей-Гуртовой Автор вопроса

инфа сотка ?

Андрей Гуртовой
инфа сотка ?

инфа сотка https://codesandbox.io/s/sharp-cache-ikz31u?file=/src/App.js

Мне кажется, в твоём случае, использование useCallback лишнее, если снаружи ничего не меняется и прокидывать этот хэндлер глубоко не приходится.

Андрей-Гуртовой Автор вопроса
artem sdobnikov
инфа сотка https://codesandbox.io/s/sharp-cache-ik...

компонент рендерится только если в него прилетел новый пропс, или если у него поменялся стейт. ну и при this.forceUpdate() я не хочу чтобы мой компонент перерендеривался когда я в него новую функцию кидаю каждый рендер. поэтому и усе ксаллбацк.. ща поиграю в песочнице . вдруг смысла нет... а то у меня там внутри модалки может быть внушительное дерево. не хочу чтобы оно пересчитывалось каждый чих

Функция это объект. И переменная содержит ссылку на объект в виде функции. Так что тустринг тут вообще не при чем. Usecallback мемоизирует функцию, т.е. возвращает ту же ссылку если зависимости не меняются. Обычно usecallback делается для передачи как зависимость для useeffect, usememo и тп штук. И то что вы её пропихиваете в рендер ничего по идее не поменяет.

Андрей-Гуртовой Автор вопроса
Sinner
Функция это объект. И переменная содержит ссылку н...

всё верно. но обычно это используется для иммутабельности коллбеков. только не понятно для чего в зависимостях к use effect иммутабельные коллбеки.. но вероятно иногда для отсечения лишних рендеров юзят. я же обычно юзю для передачи обработчиков событий на jsx

Похожие вопросы

Обсуждают сегодня

а через ESC-код ?
Alexey Kulakov
29
30500 за редактор? )
Владимир
47
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
13
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Как передать управляющий символ в открытую через CreateProcess консоль? Собсна, есть процедура: procedure TRedirectThread.WriteData(Data: OEMString); var Written: Cardinal;...
Serjone
6
program test; {$mode delphi} procedure proc(v: int32); overload; begin end; procedure proc(v: int64); overload; begin end; var x: uint64; begin proc(x); end. Уж не знаю...
notme
6
Ребят в СИ можно реализовать ООП?
Николай
33
у вас два процесса. один посылает другому сигнал. у вас есть код обоих процессов? если всё не так - расскажите как оно на самом деле. а именно кто кому чего, есть-ли консоли,...
Karagy
6
вы делали что-то подобное и как? может есть либы готовые? увидел картинку нокода, где всё линиями соединено и стало интересно попробовать то же в ddl на lua сделать. решил с ч...
Victor
8
Карта сайта