成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

React項(xiàng)目動(dòng)態(tài)設(shè)置title標(biāo)題

sherlock221 / 2621人閱讀

摘要：在搭建的項(xiàng)目中頁面的是直接寫在入口中，當(dāng)路由在切換不用頁面時(shí)，是不會(huì)動(dòng)態(tài)變化的。這是自定義的標(biāo)題在路由的獲取到自定義的設(shè)置頁面標(biāo)題即可。

在React搭建的SPA項(xiàng)目中頁面的title是直接寫在入口index.html中，當(dāng)路由在切換不用頁面時(shí)，title是不會(huì)動(dòng)態(tài)變化的。那么怎么讓title隨著路由的切換動(dòng)態(tài)變化呢？
1.在定義路由時(shí)增加title屬性。

    {
        path: "/regularinvestment",
        component: Loadable({
            loader: () => import("./../../business/Regularinvestment/index"),
            loading: PageLoading
        }),
        title: "這是自定義的標(biāo)題"
    }

2.在路由的index.js獲取到自定義的title設(shè)置頁面標(biāo)題即可。

   const RouteWithSubRoutes = route => {
        return (
             {
                    document.title = route.title || "默認(rèn)title";
                    return 
                }}
            />
        );
    };
    
    export default () => {
        return allRouters.map((route, i) => {
            return 
        })
    };

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/97963.html

相關(guān)文章

  • 【全棧React】第5天: 數(shù)據(jù)驅(qū)動(dòng)

    摘要：今天，我們將把我們的組件設(shè)置為由數(shù)據(jù)驅(qū)動(dòng)，訪問外部數(shù)據(jù)。介紹屬性允許我們以與相同的語法向組件發(fā)送數(shù)據(jù)，使用組件上的特性或?qū)傩?。我們將我們的活?dòng)項(xiàng)目移動(dòng)到我們將針對(duì)每個(gè)項(xiàng)目運(yùn)行的項(xiàng)目中。本周，我們使用概念更新了由數(shù)據(jù)驅(qū)動(dòng)的組件。 本文轉(zhuǎn)載自：眾成翻譯譯者：iOSDevLog鏈接：http://www.zcfy.cc/article/3821原文：https://www.fullstack...

    inapt 評(píng)論0 收藏0

  • react-navigation使用詳解

    摘要：導(dǎo)航組件使用詳解注意了，如果有小伙伴們發(fā)現(xiàn)運(yùn)行作者提供的示例項(xiàng)目報(bào)如下的錯(cuò)誤，可能是大家使用了命令導(dǎo)致的，解決這個(gè)錯(cuò)誤的辦法就是將刪除，然后重新使用命令來安裝，最后使用來起服務(wù)，應(yīng)該就不報(bào)錯(cuò)了。 react-navigation導(dǎo)航組件使用詳解 注意了，如果有小伙伴們發(fā)現(xiàn)運(yùn)行作者提供的react-navigation示例項(xiàng)目報(bào)如下的錯(cuò)誤，可能是大家使用了 yarn install 命...

    stonezhu 評(píng)論0 收藏0

  • React中使用外部樣式的3中方式

    摘要：一關(guān)于的認(rèn)識(shí)是一種使用編寫樣式的處理方案。意味著你不需要關(guān)心如何檢測(cè)和刪除那些未使用的代碼。支持變量和繼承你可以使用變量來設(shè)置不同的樣式，使用這些不同樣式時(shí)只需要給樣式組件傳遞一個(gè)參數(shù)即可。 一、關(guān)于css-in-js的認(rèn)識(shí) 1、css-in-js是一種使用 js 編寫 css 樣式的 css 處理方案。它的實(shí)現(xiàn)方案有很多，比如styled-components、polished、glam...

    vboy1010 評(píng)論0 收藏0

  • React類、ES7屬性初始化（第二部分）

    摘要：組建屬性初始化默認(rèn)值類型在中將下面的代碼替換成下面的代碼最后一步將初始狀態(tài)從構(gòu)造函數(shù)中轉(zhuǎn)變成屬性初始化。在構(gòu)造函數(shù)的后天添加正確的代碼你需要把狀態(tài)初始化代碼從構(gòu)造函數(shù)中刪除。 這是React和ECMAScript6結(jié)合使用系列文章的第二篇。 下面是所有系列文章章節(jié)的鏈接： React 、 ES6 - 介紹（第一部分） React類、ES7屬性初始化（第二部分） React類，方法綁定...

    VioletJack 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<