前端开发中优雅使用假数据
2021-11-19 本文已影响0人
朱传武
前端开发的时候,由于很多时候前端做ui的时候,后台接口以及数据可能还没有准备好,这时候,需要展示一些假数据,这里为大家推荐一个专门生成假数据的库,Faker.js
用法举例:
export const mockOrdersDetails: OrderDetails[] = [];
faker.seed(1);
for (let i = 0; i < 20; i++) {
mockOrdersDetails.push({
id: `#010${i}`,
imageUrl: faker.image.image(),
name: faker.commerce.productName(),
retailPrice: Number(faker.commerce.price(50, 100)),
wholesale: Number(faker.commerce.price(50, 100)),
total: 50,
returned: 5,
delivered: 15,
status: "In progress",
});
}