有时需要动态修改head中的内容,如:
1、修改页面<title>标题
2、修改<meta>
3、动态添加资源 <link> <script> 等
import React from 'react';
import {Helmet} from 'react-helmet';
class myComp extends React.Component {
render () {
return (
<>
<Helmet>
<meta charSet="utf-8" />
<title>New Title</title>
<link rel="canonical" href="http://www.my.com/example" />
</Helmet>
</>
)
}
};
Helmet 几乎支持所有<head></head> 中的标签