react项目中配置mock数据

最近在项目中需要数据测试，为了方便，直接引入mockjs。

首先使用npm安装mockjs，

npm install mockjs

然后在api文件夹中创建index.ts文件,数据随便填，可以参考mock.js，内容如下:

其中index.ts配置

var Mock = require('mockjs');
var data = Mock.mock('/data',{
    'list|8': [{
        'name': 'city',
        'number|1-100': 100
    }]
});

其中组件中引入index.ts配置：

import React from 'react';
import './style.scss';
import '../../api/index';
import axios from 'axios';

interface INavBrandState{
    flag:boolean;
    navList: [];
}

export class NavBrand extends React.Component{
    constructor(props){
        super(props);
        this.state= {
            flag: true,
            navList: [],
        }
    }
    componentDidMount(){
        axios.get('/data',{dataType:'json'}).then( (res:any) => {
            console.log(res.data.list)
            this.setState({
                navList: res.data.list
            })
        })
    }
    public render(){
        return (
            

                125356373
            
        );
    }
}

export default NavBrand;

注：在npm install mockjs 中引入文件出错，引入有问题时，尝试以下安装

npm install @types/mockjs