官网

1.下载

  1. yarn add mockjs

2.模拟数据

在mock文件夹下新建index.js文件

  1. //mock/index.js
  2. import mockjs from 'mockjs';
  3. export default {
  4.     // 支持值为 Object 和 Array
  5.     'GET /api/users': { users: [1, 2] },
  6.     // GET 可忽略
  7.     '/api/users/1': { id: 1 },
  8.     'GET /api/tags': mockjs.mock({
  9.         'list|100': [{ name: '@city', 'value|1-100': 50, 'type|0-2': 1 }],
  11.       }),
  12.   }

3.使用

  1. import styles from './index.less';
  2. import { Calendar,Button } from 'antd';
  3. import { request } from 'umi'
  4. export default function IndexPage(props:any) {
  5. const onPanelChange=(value:any, mode:any)=>{
  6.   console.log(value.format('YYYY-MM-DD'), mode);
  7. }
  8. {
  9.   console.log(props.match.params);
  11. }
  12. const clickHanle=async ()=>{
  13.  let data=await request('/api/tags')
  14.  console.log(data);
  16. }
  17.   return (
  18.     <div>
  19.       <div className={styles.scard} >
  20.     <Calendar fullscreen={false} onPanelChange={onPanelChange} />
  21.     <Button type="primary" onClick={clickHanle}>发送请求</Button>
  22.   </div>
  23.     </div>
  24.   );
  25. }

在umijs中使用了插件，直接调用request api就可发送请求