在React项目中使用Mock制造假数据

本文介绍了如何在React项目中使用Mock来创建假数据。通过示例代码展示Mock数据的生成过程,帮助开发者进行测试和开发。鼓励读者点赞并提出问题,共同学习进步。
摘要由CSDN通过智能技术生成

使用Mock制造假数据

话不多说,直接上代码

import Mock form 'mockjs'		// 引入 Mock, 用于制造假数据
import moment from 'moment'		// 引入 moment, 用于对时间进行处理

let fakeData = Mock.mock({
	// 一个有123个元素的 list 数组
    'list|123': [
    	// 每个元素为一个对象
        {
        	// +1, 表示自增; 0, 表示初始值
            'index|+1': 0,
            // 1-5, 表示取值范围为 1,2,3,4,5
            'status|1-5': 2,
            // 也可使用数组指定具体哪些值中的一个
            'other_status|1': [0,1,2],
            // ture or false, 初始值为true
            'isDone|1': true
            // mock中允许使用函数, 但注意, 此处不能使用箭头函数, 否则 this 为 undefined
            'id|1': function() {
				// 函数中可以使用 this 来使用对象的属性
                if (this.index >= 0 && this.index < 10) {
                    return `testId000${this.index + 1}`;
                }
                if (this.index >= 10 && this.inde
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值