react动态修改页面title
原生js修改文档头：
document.title = '标题'
在react中可以在组件的componentDidMount生命周期中设置
document.title = '标题'
也可以
<Route onEnter={()=>{document.title='标题'}} />
或者安装react-helmet，官网的解释是：这个可复用的react组件将管理你在文档头的所以更改。它你可以定制你的页面title，使用起来很简单：
安装：
npm install react-helmet --save
代码：
import React from 'react';
import {Helmet} from 'react-helmet';
class Application extends React.Component {
render () {
return (
<div className="application">
<Helm<span style="color:transparent">来源gaodai#ma#com搞*代#码网</span>et>
<meta charSet="utf-8" />
<title>My Title</title>
<link rel="canonical" href="http://mysite.com/example" />
</Helmet>
...
</div>
)
}
};
特性：
1，支持所有有效的头标签，title base meta link script noscript style
2，支持body html title标签的属性
3，支持服务端渲染
4，嵌套组件重写重复的头改变
更多相关技术文章，请访问搞代码网！
以上就是react怎么改页面title的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：react怎么改页面title
转载请注明原文链接：react怎么改页面title
