[리액트] header title 바꾸기 / querySelector

 

[React_header title]

 

웹 페이지의 header title을 바꾸는 방법에 대해 알아보자

 

---

 

<STUDY>

 

 

사진과 같이 header에 있는 title을 페이지마다 다르게 하고 싶을 수 있다.

 

그런 경우는 간단하게 바꿀 수 있다.

 

import React, { useEffect } from 'react';

``````

useEffect(() => {
  const titleElement = document.querySelector("title");
  titleElement.innerHTML = `바꾸고 싶은 내용`;
}, []);

 

   💡 document.querySelector로 title을 가져온 후 innerHTML을 사용하여 내용을 바꿔준다

 

   💡 페이지마다 useEffect 를 사용하여 페이지가 렌더링 되었을 때 바뀌도록 설정한다

 

 

---

 

내가 보려고 정리하는 리액트🔆

 

👉ez1n github 구경하기👈 

 

ez1n - Overview