本篇文章给大家带来的内容是关于react项目如何动态设置title标题(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
在React搭建的SPA项目中页面的title是直接写在入口index.html中,当路由在切换不用页面时,title是不会动态变化的。那么怎么让title随着路由的切换动态变化呢?
1.在定义路由时增加title属性。
{
path: "/regularinvestment",
component: Loadable({
loader: () => import('./../../business/Regularinvestment/index'),
loading: PageLoading
}),
title: "这是自定义的标题"
}2.在路由的index.js获取到自定义的title设置页面标题即可。
传媒企业网站系统使用热腾CMS(RTCMS),根据网站板块定制的栏目,如果修改栏目,需要修改模板相应的标签。站点内容均可在后台网站基本设置中添加。全站可生成HTML,安装默认动态浏览。并可以独立设置SEO标题、关键字、描述信息。源码包中带有少量测试数据,安装时可选择演示安装或全新安装。如果全新安装,后台内容充实后,首页才能完全显示出来。(全新安装后可以删除演示数据用到的图片,目录在https://
const RouteWithSubRoutes = route => {
return (
{
document.title = route.title || "默认title";
return
}}
/>
);
};
export default () => {
return allRouters.map((route, i) => {
return
})
};









