有時需要動態修改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>
中的標籤