#
AntDesignPro 标签
认识Mock 学到这里就算是开始踏入AntD的门,然后我们还得学习一下常用的一些操作,例如Mock。 针对与Mock他大致就是用来模拟数据的,为什么会有它的出现呢?因为现在前后端开发基本是分离的,但是数据结构一般都会先定好,在日常开发中,为了前端的进度不受到后端的影响,常用Mock来做虚拟数据来模拟后端发来的请求。 本文只是简单的介绍一下Mock的使用,如果要详细学习请自行百度 Mock基本格式 export default { 'GET /api/getValue': { data:[{ name:'zhangsang', sex:'男' },{ name:'李四', sex:'男' },] }, }; 我们稍微变一下型,为了看起来更加美观就变成了这样 const getList = ()=>{ const result = { success:true, data:[ { id:1, name:'test01', sort:1 },{ id:2, name:'test02', sort:2 } ] }; return res.json(result); } export d....
修改config/routes.tx 我们在routes.tx文件中找到下面节点 在该节点下面增加代码: { path:'/demo', name:'demo', icon: 'star', routes:[ { name: '表单布局', path: './demo1', component: './demo/demo1' },{ name: 'react', path: './demo2', component: './demo/demo2' } ] },{ name: 'test', icon: 'book', path: '/test', component: './test' } 我们来说说配置的意思把: path:代表访问的路径 name:显示的名字(此处不做国际化配置) icon: 图标 routes:子菜单 component:所指向的文件 src/pages创建下文件夹与文件 这个时候访问可能会出错,那是因为你还未创建相关的文件夹和文件,这时候我们在src/pages目录下创建文件夹和文件 PS:这里采用TypeScript的形式进行创建,毕竟得跟上主流,....