React 所產生的單頁式網站預設只有一個 title、meta..

可以透過 react-helmet 套件來動態產生 title、Meta…

安裝

yarn add react-helmet

使用

import React from 'react'
import {Helmet} from "react-helmet";

const SEO = ({ title, description, url }) => (
  <Helmet>
      <meta charSet="utf-8" />
      <title>{title}</title>
      <meta name="description" content={description} />
      <link rel="canonical" href={url} />
  </Helmet>
)

export default SEO