本文介绍如何在React应用中利用Ant Design Pro框架新增页面。首先，创建了'category.jsx'和'category.js'文件，以及'category.less'来定义样式。接着，在'router.config.js'配置页面路由，包括name、path、component和icon，icon采用antd的Icon组件。同时更新locales->zh-CN->menu.js以设置菜单项。最后，通过正确引入less文件，启动项目即可查看新页面的效果。
页面效果：
新增页面->商品分类页面->目录结构，如下（goodsManagement）：
创建category.jsx/category.js和category.less两个文件夹。
然后就是在router.config.js里进行新增页面的配置（name、path、component、icon的配置）
icon是配置的菜单栏的图标，是引用的antd的icon组件
然后为新增页面配置菜单栏（在locales->zh-CN->menu.js）
完了以后，npm start就可以看到页面效果。
如何在jsx文件夹里引入自己的less文件呢？
225
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
