react动态修改渲染head中的内容

有时需要动态修改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> 中的标签

发布了132 篇原创文章 · 获赞 7 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/youlinhuanyan/article/details/104777771