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

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！