Reactでmetaタグを設定 - ペンギンかっこいい

やりたいこと

Reactのプロジェクトでmetaタグを設定する

react-helmet を使うだけ

npm install

npm install --save react-helmet

コンポーネント

importの後、Helmetタグでmetaタグを囲ってあげるだけ

import React from 'react';
import Helmet from 'react-helmet';

const App = () => (
  <div className="App">
    <Helmet>
      <meta charSet="utf-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
      <title>App Title</title>
    </Helmet>
  </div>
);

export default App;

場合によっては適さないこともあるため注意

techblog.lclco.com