React Helmet是一个HTML文档head管理工具，管理对文档头的所有更改。

特点

• 支持所有有效的head标签: title、 base、 meta、 link、 script、 noscript、 和style。
• 支持body、 html 和 title 的属性
• 支持服务端渲染
• 嵌套组件覆盖重复的head标签更改。
• 在同一组件中定义时，将保留重复的head标签更改。(支持如"apple-touch-icon"的标签).
• 支持跟踪DOM更改的回调

 

使用

import { Helmet } from 'react-helmet'

 

<Helmet>

          <style id="styleHack">

            {`

              body {

                background: url(${require('./images/bg.png').default});

                background-size: cover;

              }

            `}

          </style>

 </Helmet>

 

 

 

引用：https://madewith.cn/699