如何使用react+antd實(shí)現(xiàn)后臺(tái)管理系統(tǒng)的二級(jí)菜單

　　如何使用 react + antd 實(shí)現(xiàn)后臺(tái)管理系統(tǒng)的二級(jí)菜單

　　準(zhǔn)備工作

　　1、創(chuàng)建項(xiàng)目

　　npx create-react-app my-react-admin

　　2、安裝需要的依賴(lài)

　　npm i antd -S

　　3、創(chuàng)建項(xiàng)目基本結(jié)構(gòu)

　　4.設(shè)計(jì)主界面

　　5.設(shè)計(jì)主布局頁(yè)面

　　結(jié)合UI庫(kù)的Layout組件 layout/main/Index.jsx

　　6.設(shè)計(jì)路由

　　router/menus.js

　　7.設(shè)計(jì)路由渲染組件

　　router/RouterView.jsx

　　8.設(shè)計(jì)左側(cè)菜單渲染組件

　　Layout/main/SideMenu.jsx

　　9.創(chuàng)建對(duì)應(yīng)的各個(gè)頁(yè)面

　　views/home/Index.jsx

　　views/banner/Index.jsx

　　views/banner/Add.jsx

　　views/homedata/SeckillList.jsx

　　views/homedata/RecommendList.jsx

　　views/navigator/Category.jsx

　　views/navigator/HomeList.jsx

　　views/navigator/List.jsx

　　views/product/List.jsx

　　views/product/SortList.jsx

　　views/user/List.jsx

　　views/user/RegisterUser.jsx

　　views/setting/Index.jsx

　　更多關(guān)于html5培訓(xùn)的問(wèn)題，歡迎咨詢(xún)千鋒教育在線名師，如果想要了解我們的師資、課程、項(xiàng)目實(shí)操的話(huà)可以點(diǎn)擊咨詢(xún)課程顧問(wèn)，獲取試聽(tīng)資格來(lái)試聽(tīng)我們的課程，在線零距離接觸千鋒教育大咖名師，讓你輕松從入門(mén)到精通。