[개발일기] react-helmet 사용하기

송우든·2021년 9월 1일
0

Dev

목록 보기
4/18
post-thumbnail

⭐️ react-helmet

document의 head의 값을 변경할 때 사용하는 컴포넌트

⭐️ react-helmet 설치

  • npm
npm i --save react-helmet

⭐️ react-helmet 사용하기

문서 타이틀 변경

document의 title을 변경이 필요할 때 아래와 같이 간단하게 사용할 수 있다. 이렇게 문서의 타이틀을 변경할 경우 크롤러에 잡히지 않는다고 한다.(동적인 변경이기 때문!)

import {Helmet} from "react-helmet";

const main = () => {
  return(
    <Helmet>
     <title>velog</title>
    </Helmet>
  )
}

참고
react-helmet

profile
개발 기록💻

0개의 댓글