React練手小例子小結

2021-09-27 01:56:33 字數 691 閱讀 1238

在結合專案實戰中,就是自己寫的乙個demo,在將各個頁面、導航模組後,自己在途中遇到的一些,做乙個簡短的總結。

頁面結構

首先在頁面的模組化中,在這裡我用了(ui框架位址)ui框架,和平時自己寫頁面一樣,利用布局,然後分塊,頭,主體,側邊欄,底部。然後就在對應的頁面展開,jsx和css。

路由模組

在使用路由的時候,主要是想和vue的路由模式那樣,去寫。有路由的index檔案,和路由的配置config檔案。

但是在途中自己也是走了好多的彎路,各種報錯,各種的找解決辦法。最後,還是回到了最開始,給了我靈感,其實,最簡單的東西,讓我給複雜化了,之前寫的乙個路由小例子。

其實就是簡單的,

router包含著route,只不過在我們的專案實戰中,我們把route提煉出來,配置成乙個路由,也可以說是乙個元件。

router下的link跳轉,在小例子中,我們是和route寫在一起的,同理,我們在專案中,要把link,提煉出來,形成我們想要的導航,那不管怎麼變化,我們只要對應的加上link就好。

這裡要謹記,link和route都是包含在router下的。不管是怎麼變化,最終匯入到根目錄下,一定是包含router的。

最後,先階段,路由跳轉只是簡單的會使用了,但是路由還有小的知識點,要我們不斷學習,總結,跳轉的方法不止這一種,等等。

**位址

Python練手例子(2)

7 將乙個列表的資料複製到另乙個列表中。程式分析 使用列表 python3.7 適用於簡單列表 即列表中都是基本的元素 a1 1,2 b1 a1 print b1 不適合列表中包含列表的情況,如果要複製的列表中包含列表,只會複製那個列表的列表的引用 a2 1,2,3 b2 a2 print a2 p...

Python練手例子(6)

31 請輸入星期幾的第乙個字母來判斷一下是星期幾,如果第乙個字母一樣,則繼續判斷第二個字母。程式分析 用情況語句比較好,如果第乙個字母一樣,則判斷用情況語句或if語句判斷第二個字母。letter input please input if letter s print please input se...

Python練手例子(10)

55 學習使用按位取反 程式分析 0 1 1 0 1 先使a右移4位。2 設定乙個低4位全為1,其餘全為0的數。可用 0 4 3 將上面二者進行 運算。python3.7 if name main a 234b a print the a s 1 complement is d b a a prin...