Home React Helmet
Post
Cancel

React Helmet

배운 것

React-Helmet 라이브러리

사용하는 곳

  • React에서 헤더 태그에 무엇을 넣어야할 때 사용한다.
  • 내가 필요했던 곳은 메타 태그를 넣기 위해서였다.
  • 메타 태그의 Theme-color를 넣기 위해 사용했다.

설치

  • react-helmet을 설치했는데 자꾸 에러가 나서
  • react-helmet-async을 설치했다
1
$yarn add react-helmet-async

사용 방법

  • index.tsx에서 <App /><HelmetProvider>로 감싼다
<HelemetProvider>
    <App />
</HelemetProvider>
  • 필요한 곳에서 <Helmet> </Helmet>으로 감싸고 Header에 넣을 내용을 포함시키면 된다.

Reference

This post is licensed under CC BY 4.0 by the author.