在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設置頁面標題即可。

const RouteWithSubRoutes = route => {return (<Routeexactpath={route.path}render={props => {document.title = route.title || "默認title";return <route.component {...props} routes={route.routes}></route.component>}}/>);};export default () => {return allRouters.map((route, i) => {return <RouteWithSubRoutes key={i} {...route}/>})};

來源：https://segmentfault.com/a/1190000016509718

轉載于:https://www.cnblogs.com/lovellll/p/10173943.html

總結

以上是生活随笔為你收集整理的React项目动态设置title标题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。