MS
Size: a a a
2021 February 05
АМ
если ты хочешь чтобы эффект запустился только один раз при первом рендере компонента
АМ
надо добавить пустой массив зависимостей эффекта
АМ
useEffect(() => window.addEventListener(‘scroll’, handleScroll), [])
АМ
То есть вторым аргументом в useEffect передать пустой массив
MS
A
Нет. Вторым аргументом в функцию useEffect
АМ
А что ты тут сделал? Просто нарушил синтаксис языка, поставив в конце функции запятую и написав пустой массив. Не то совсем, дружище)
И
А может быть имеет смысл посмотреть в документацию?
A
useEffect(() => {
window.addEventListener('scroll', haldleScroll);
return () => {
window.removeEventListener(handleScroll)
}
}, [])
window.addEventListener('scroll', haldleScroll);
return () => {
window.removeEventListener(handleScroll)
}
}, [])
A
Вот так.
Печатад на телефоне, надеюсь поймешь
Печатад на телефоне, надеюсь поймешь
MS
Azim
Вот так.
Печатад на телефоне, надеюсь поймешь
Печатад на телефоне, надеюсь поймешь
MS
Azim
useEffect(() => {
window.addEventListener('scroll', haldleScroll);
return () => {
window.removeEventListener(handleScroll)
}
}, [])
window.addEventListener('scroll', haldleScroll);
return () => {
window.removeEventListener(handleScroll)
}
}, [])
да спасибо большое
MS
я тут на сайте нашел
A
👍
V
Ебатрон
Спасибо. И хочу уточнить useEffect выполняется уже после стадии commit, а useLayoutEffect во время commit?
useEffect после пэинта, useLayoutEffect после коммита
MS
а где можно посмотреть, типа хочу сделать что бы у меня было одно модальное окно, а внутри были разные компоненты
MS
динамический контент наверное модального окна
Е
Vetro
useEffect после пэинта, useLayoutEffect после коммита
есть вроде стадии render и commit. А пэинт что такое?
ДИ
Ребят подскажите есть вот такой интерфейс данных которые приходят из api:
Я использую useEffect через id по url получаю конктерную марку
Не кто не сталкивался с проблемом что я не могу сразу обратить к brandData.logo.id потому что он пишет undefined, приходиться писать проверку по типу
(где
interface brandData {
name_en?: string,
name_ru?: string,
logo?: {
name?: string,
id?: string,
extension?: string,
created_at?: string,
mimi_type?: string,
original_name?: string,
__initializer__ ?: string,
__cloner__?: string,
__is_initialized__?: string,
url?: string,
},
disabled?: boolean,
id?: string,
created_at?: string,
updated_at?: string,
url_slug?: string
}Я использую useEffect через id по url получаю конктерную марку
React.useEffect(() => {
dispatch(getCurrentBrand(id))
}, [id]) Не кто не сталкивался с проблемом что я не могу сразу обратить к brandData.logo.id потому что он пишет undefined, приходиться писать проверку по типу
if (updateDataSelect.logo !== undefined){
console.log(updateDataSelect.logo.id)
} (где
updateDataSelect.logo.id это селектор)