技术栈

React-Mock数据

FOREVER-Q2024-03-14 12:23

1.概念

说明:React中使用Mock数据主要是为了模拟后端接口和数据,以便前端开发可以在没有实际后端支持的情况下进行。

2.实现步骤

2.1安装

npm i -D json-server

2.2准备json文件

javascript 复制代码
{
    "list":[
        {
            "name":"李四",
            "age":"12"
        },{
            "name":"王二",
            "age":"15"
        }
    ]
}

2.3添加起动命令

json-server 文件名

2.4页面显示

上一篇:20240313寻找集成联调交付的具体方式
下一篇:JS高级_数据类型
相关推荐
SoaringHeart
9 小时前
Flutter进阶|源码修改:给 DecorationImage 源码添加偏移量
前端·flutter
wuhen_n
9 小时前
虚拟列表完全指南:从原理到实战,轻松渲染10万条数据
前端·javascript·vue.js
兆子龙
9 小时前
React Hooks 避坑指南:那些让你 debug 到凌晨的陷阱
前端·javascript
兆子龙
10 小时前
你不会使用 CSS 函数 clamp()?那你太 low 了😀
前端·javascript
兆子龙
10 小时前
前端性能优化终极清单:从 3 秒到 0.5 秒的实战经验
前端·javascript
兆子龙
10 小时前
babel-loader:让你的 JS 代码兼容所有浏览器
前端
百万蹄蹄向前冲
10 小时前
支付宝 VS 微信 小程序差异
前端·后端·微信小程序
兆子龙
10 小时前
JavaScript 的 Symbol.iterator:手写一个可迭代对象
前端
NGC_6611
10 小时前
ArrayList扩容机制
java·前端·算法
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03Qwen3.5 开源全解析:从 0.8B 到 397B,代际升级 + 全场景选型指南04本地部署 OpenClaw + DeepSeek-R1 完全指南05OpenClaw macOS 完整安装与本地模型配置教程(实战版)06OpenClaw 飞书机器人不回复消息?3 小时踩坑总结07得物前端部门,没了08OpenClaw 连接飞书完整指南:插件安装、配置与踩坑记录09UV安装并设置国内源10Window 10部署openclaw报错node.exe : npm error code 128