Design-loving front-end engineer
Ryong
Design-loving front-end engineer
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
    • Framework
    • React
      • Concept
      • Library
      • Hook
      • Component
      • Test
    • NodeJS
    • Android
      • Concept
      • Code
      • Sunflower
      • Etc
    • Flutter
      • Concept
      • Package
    • Web
    • Web
    • CSS
    • Language
    • JavaScript
    • TypeScript
    • Kotlin
    • Dart
    • Algorithm
    • Data Structure
    • Programmers
    • Management
    • Git
    • Editor
    • VSCode
    • Knowledge
    • Voice
Design-loving front-end engineer

Ryong

React/Library

[ React ] react-helmet

2022. 7. 30. 23:08

๐Ÿ”ด  Introduction

โšช  React์—์„œ ์›น์‚ฌ์ดํŠธ <title>์„ ๋™์ ์œผ๋กœ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ค€๋‹ค.

 

๐ŸŸ   Official

 

GitHub - nfl/react-helmet: A document head manager for React

A document head manager for React. Contribute to nfl/react-helmet development by creating an account on GitHub.

github.com

 

๐ŸŸก  Install

 
npm i react-helmet

 

๐ŸŸข  Usage

 
// [ Usage Component ]
import { Helmet } from "react-helmet";

const Coin = () => {
  return (
    <Helmet>
      <title>{state?.name ? state.name : loading ? "Loading..." : infoData?.name}</title>
    </Helmet>
  );
}

 

 

์ €์ž‘์žํ‘œ์‹œ (์ƒˆ์ฐฝ์—ด๋ฆผ)

'React > Library' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[ React ] redux  (0) 2022.08.02
[ React ] react-router-dom  (0) 2022.07.31
[ React ] recoil  (0) 2022.07.30
[ React ] apexchart  (0) 2022.07.30
[ React ] @tanstack/react-query  (0) 2022.07.30
    'React/Library' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • [ React ] redux
    • [ React ] react-router-dom
    • [ React ] recoil
    • [ React ] apexchart
    Design-loving front-end engineer
    Design-loving front-end engineer
    ๋””์ž์ธ์— ๊ด€์‹ฌ์ด ๋งŽ์€ ๋ชจ๋ฐ”์ผ ์•ฑ ์—”์ง€๋‹ˆ์–ด Ryong์ž…๋‹ˆ๋‹ค.

    ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”