原文:AntDesign(React)學習-6 Menu展示數據

官方文檔請查看https: ant.design components menu cn antPro自帶的菜單功能很強大,但是太復雜了,感覺大部分功能都用不上,下面實現一個簡單從后台動態獲取菜單的功能。 增加SubMenu方法 . 定義 const SubMenu Menu . 增加SubMenu節點 lt SubMenukey sub title Submenu gt lt Menu.Item ...

2020-01-31 18:33 0 979 推薦指數:

查看詳情

AntDesign(React)學習-7 Menu添加事件

今天花了大半天時間從老家回到工作地,路上因為肺炎封堵挺厲害,希望國家挺過這個難關,要不大家都失業可就慘了,上一篇做了一個展示數據的demo,這一篇研究antd Menu item點擊事件 1、還是先看文檔 在menu上增加onClick事件 2、handleClick代碼 ...

Sun Feb 02 06:33:00 CST 2020 0 1807
AntDesign(React)學習-8 Menu使用 切換框架頁內容頁面

本節實現一個點擊左側menu在右側content切換頁面效果,原始代碼請從UMI學習-6開始看 1、在pages下添加兩個組件,User,UserRole 2、修改umirc.ts routes部分如下 3、修改leftmenutree中state ...

Sun Feb 02 07:05:00 CST 2020 0 1546
AntDesign(React)學習-3 React基礎

前面項目已經建起來了,但是沒有React基礎怎么辦,從頭學習,這個項目使用的是基於React16.X版本的幾種技術集成,那么我們就從網上找一些相關的資料進行研究,我的習慣是用到哪學到哪。 一、先看一些基礎示例1、render用法 以上代碼將一個 h1 標題,插入 id ...

Mon Jan 20 23:01:00 CST 2020 0 241
AntDesign(React)學習-4 登錄頁面提交數據簡單實現

github代碼:https://github.com/zhaogaojian/jgdemo 全國肺炎,過節期間沒地方去在家學習antd。 一、感覺antd pro項目太龐大了,可以學習下結構和代碼風格,但不適合新手直接學習測試語法用,將從一個空白項目開始創建 1、打開umi管理后台,創建 ...

Wed Jan 29 00:26:00 CST 2020 0 3254
AntDesign(React)學習-10 Dva 與后台數據交互

明天正式在線辦公沒時間學習了,今天晚上再更新一篇, 代碼提交一次:https://github.com/zhaogaojian/jgdemo 1、src下創建services目錄 創建文件userSrv.ts 注意如果未安裝axios,請安裝axios ...

Mon Feb 03 05:06:00 CST 2020 0 1388
AntDesign(React)學習-9 Dva model reducer實踐

今天肺炎增長數字依然嚇人,感覺穿越到喪失片里了。 本節開始學習dva model使用,官網的講解太文檔化,對新手實踐不太友好,自己簡化了一個最簡單的演示代碼。 1、在src,models文件夾下創建user.ts,初始化username為張三1 注意: 紅色部分如果寫成 ...

Mon Feb 03 01:03:00 CST 2020 0 746
AntDesign(React)學習-5 路由及使用Layout布局

前言:學習目標實現點擊登錄按鈕,直接進入后台布局頁面,類似下面antd官網文檔展示效果 ant.design訪問 https://ant-design.gitee.io/components/menu-cn/ 速度比較快 1、最開始想的很簡單,增加一個頁面,修改一個路由 ...

Thu Jan 30 06:40:00 CST 2020 0 5583
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM