国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

React項目動態設置title標題的方法示例

2024-05-06 16:46:13
字體:
來源:轉載
供稿:網友

在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 (      <Route        exact        path={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}/>    })  };

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VeVb武林網。


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 东阳市| 临泉县| 太康县| 盐池县| 平江县| 广东省| 东城区| 常德市| 鹤峰县| 辽中县| 海伦市| 布尔津县| 龙陵县| 化州市| 柳江县| 台安县| 金塔县| 延长县| 南昌市| 新余市| 镇康县| 荥阳市| 正镶白旗| 盐池县| 启东市| 长顺县| 二手房| 金平| 山东省| 南宁市| 阆中市| 贞丰县| 东乌| 湖南省| 玛多县| 灵宝市| 富裕县| 潢川县| 昌吉市| 芜湖市| 林周县|