国产探花免费观看_亚洲丰满少妇自慰呻吟_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教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 岳池县| 芜湖县| 谷城县| 延边| 乐昌市| 赤峰市| 册亨县| 搜索| 张家港市| 普安县| 都江堰市| 江陵县| 大同市| 保康县| 荣成市| 曲水县| 保康县| 左贡县| 麻城市| 贞丰县| 宕昌县| 眉山市| 柏乡县| 江门市| 滨州市| 合阳县| 教育| 邵阳市| 深圳市| 弋阳县| 古田县| 瑞安市| 栾城县| 安顺市| 石城县| 南丹县| 宁蒗| 房山区| 宁陕县| 聂拉木县| 房山区|