reactjs – 有没有办法用React-Router v4修改页面标题？
发布时间：2020-12-15 20:16:10 所属栏目：百科 来源：网络整理
导读：当React-Router v4更改位置时,我正在寻找一种修改页面标题的方法.我曾经在Redux中侦听位置更改操作,并针对metaData对象检查该路由. 使用React-Router v4时,没有固定的路由列表.实际上,站点周围的各种组件可以使用具有相同路径字符串的Route.这意味着我使用的
|
当React-Router v4更改位置时,我正在寻找一种修改页面标题的方法.我曾经在Redux中侦听位置更改操作,并针对metaData对象检查该路由.
使用React-Router v4时,没有固定的路由列表.实际上,站点周围的各种组件可以使用具有相同路径字符串的Route.这意味着我使用的旧方法将不再适用. 有没有办法通过在某些主要路由更改时调用操作来更新页面标题,还是有更好的方法来更新站点的元数据？ 解决方法
在componentDidMount()方法中,为每个页面执行此操作
componentDidMount() {
document.title = 'Your page title here';
}
这将改变您的页面标题,为每条路线执行上述操作. 此外,如果它只是标题部分,请检查react-helmet这是一个非常简洁的库,并处理一些不错的边缘情况. （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |