Подскажите, когда выболняется unsub? при анмаунте? useEffect(() => { function

Question

Подскажите, когда выболняется unsub? при анмаунте? useEffect(() => { function

handleStatusChange(status) {
setIsOnline(status.isOnline);
}

ChatAPI.subscribeToFriendStatus(props.friend.id, handleStatusChange);
return () => {
ChatAPI.unsubscribeFromFriendStatus(props.friend.id, handleStatusChange);
};
}, [props.friend.id]);

#frontend #javascript #programming #react.js #russian

0

08.08.2021

24 ответов

1 просмотр

IceBerg

Нет, перед следующим выполнением этого эффекта

0

08.08.2021

@DS 🎭 Автор вопроса

это с доки пример

0

08.08.2021

Влад

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

0

08.08.2021

@DS 🎭 Автор вопроса

а какая альтернатива?

0

08.08.2021

Влад

так просто вынести с useEffect, а оттуда ее вызывать, а создавать в компоненте

0

08.08.2021

@DS 🎭 Автор вопроса

в конструкторе типа?

0

08.08.2021

Влад

это же функциональный тут нет конструктора

0

08.08.2021

IceBerg

почему постоянно?

0

08.08.2021

Влад

при отработки еффекта

0

08.08.2021

IceBerg

там пустые зависимости это ровно одна отработка, т.е. === размонтирование будет

0

08.08.2021

IceBerg

а так разве не будет создаваться на каждом рендере?

0

08.08.2021

Влад

только при маунте, при рерентдере создаются, когда ты стрелочную вешаешь на onClick в DOMe и те, что в useEffecte при срабатываниии эффектов

0

08.08.2021

IceBerg

каким образом только при маунте, если тело функционального компонента выполняется на каждом рендере, и там будет объявлена функция?

0

08.08.2021

Влад

мне ментор обьяснял, что функции в теле хранятся в памяти и заново не создаются

0

08.08.2021

IceBerg

что за память такая?

0

08.08.2021

Ivan 🧑‍🚀

Увы, он не прав

0

08.08.2021

IceBerg

Вот примерный код, который доказывает обратное, если покликать на кнопку и посмотреть вывод в консоль https://codesandbox.io/s/wonderful-mendeleev-bzfey?file=/src/App.js

0

08.08.2021

Влад

ща, попытаюсь чтото в нете найти

0

08.08.2021

IceBerg

Код же подтверждает что нет равенства между функциями

0

08.08.2021

Влад

но тут может useRef перезаписывается, и потому он не равен, а может и наоборот. Хочу найти какое-то четкое обьяснение чтобы для себя понять как оно на самом деле

0

08.08.2021

IceBerg

что значит useRef перезаписывается, где? Зачем бы он тогда был нужен?

0

08.08.2021

IceBerg

и зачем бы тогда был нужен useCallback, если бы всё так работало?

0

08.08.2021

Влад

похоже я потерпел фиаско, немогу ничего придумать в оправдание