React单页面应用,切换路由的时候,修改title值

#1

用react-router写了个单页面应用,使用 ‘html-webpack-plugin’ 自定义添加html文件。

现在有个需求,是在切换路由到不同的页面时,要修改 head中的标签的值。

请问,有什么好的方法或思路吗?

#2

我是这么来的:

<Route path="/path" component={ ComponentPath  } onEnter={ ComponentPath.onEnter } ></Route>

在组件ComponentPath定义一个onEnter的静态方法。然后通过Route的onEnter的prop传入
ComponentPath.onEnter静态方法里面修改title,不知道有没有更好的方法?欢迎交流!

#3

直接在组件里修改 document.title

componentDidMount() {
  document.title = "xxx"
}
#4

感谢。这种思路挺好的。

#5

挺好的。谢谢