2023年7月4日发(作者：)

React项⽬动态设置title标题在React搭建的SPA项⽬中页⾯的title是直接写在⼊⼝中，当路由在切换不⽤页⾯时，title是不会动态变化的。那么怎么让title随着路由的切换动态变化呢？1.在定义路由时增加title属性。 { path: "/regularinvestment", component: Loadable({ loader: () => import('./../../business/Regularinvestment/index'), loading: PageLoading }), title: "这是⾃定义的标题" }2.在路由的获取到⾃定义的title设置页⾯标题即可。 const RouteWithSubRoutes = route => { return ( <Route exact path={} render={props => { = || "默认title"; return <ent {...props} routes={}></ent> }} /> ); };

export default () => { return ((route, i) => { return <RouteWithSubRoutes key={i} {...route}/> }) };