UmiJS

中文
This article has not been translated yet. Want to help us out? Click the Edit this doc on GitHub at the end of the page.

@umijs/plugin-helmet

整合 react-helmet，管理 HTML 文档标签（如标题、描述等）。

启用方式

默认开启。

介绍

包含以下功能，

  1. 导出 react-helmet API，直接从 umi 中导入
  2. 支持服务端渲染（SSR）

helmet

使用

import React from 'react';
import { Helmet } from 'umi';


const Application = () => {
 return (
    <div className="application">
      <Helmet>
        <meta charSet="utf-8" />
        <title>My Title</title>
        <link rel="canonical" href="http://mysite.com/example" />
      </Helmet>
    </div>
  );
}


export default Application;

FAQ

标题闪一下没了

react-helmet 与 umi 中的 title 配置不能同时使用，可以通过配置 title: false 关闭默认标题配置

内容被编码

可配置 Helmet 组件属性 encodeSpecialCharacters，来关闭内容被编码

<Helmet encodeSpecialCharacters={false}>
  ...
</Helmet>
Edit this doc on GitHub6/5/2020 17:08:17