Блог

Главная - Вопросы по программированию - Как использовать window.addEventListener(‘load’, ()=>{}) на крючках useEffect

Как использовать window.addEventListener(‘load’, ()=>{}) на крючках useEffect

#reactjs

#reactjs

Вопрос:

Я хочу попробовать консольное сообщение, когда окно полностью загружено, я пытаюсь использовать этот код :

   function tes(){
    console.log('Hello World')
  }
  useEffect(() => {
    window.addEventListener('load', tes)
    })
  }, [])

Как правильно использовать его в перехватах useEffect?

Комментарии:

1. Вам не нужно }) после window.addEventListener('load', tes) , так как вы закрываете функцию стрелки и используете эффект позже

2. Вы не добавляете прослушиватель для события ‘load’ в useEffect, потому что, если вызывается useEffect, это означает, что окно уже загружено. Если только вы не используете SSR, который вам нужен для тестирования typeof window !== ‘undefined’

Метки: