[공부] 노마드 코더 React hooks 3회차(useTitle, useClick)

 

✨ 느낀 점

👍 알게 된 점

querySelector를 사용해 html의 title을 가져와 title을 5초 후에 바뀌게 만들었다.

const htmlTitle = document.querySelector("title");

가져온 title을 htmlTitle이라는 변수에 넣고, 변수에 setTimeout을 활용해 내가 원하는 글자를 입력하면 제목을 바꿀 수 있다.

 

useRef()를 활용해 클릭 이벤트 넣기

const element = useRef();

useRef()의 값을 받은 element는 바닐라JS에서 사용되는 querySelector나 getElementById 처럼 활용할 수있다. 활용하는 방법은 element.current로 쓰면 된다. 

element.current.addEventListener('click', ()=>{console.log(hello)})