技术栈

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高级_数据类型
相关推荐
skywalk8163
35 分钟前
Kotti Next的tinyfrontend前端模仿Kotti 首页布局还是不太好看,感觉比Kotti差一点
前端
RopenYuan
2 小时前
FastAPI -API Router的应用
前端·网络·python
走粥
3 小时前
clsx和twMerge解决CSS类名冲突问题
前端·css
Purgatory001
3 小时前
layui select重新渲染
前端·layui
weixin19970108016
4 小时前
《中国供应商商品详情页前端性能优化实战》
前端·性能优化
赵孝正
6 小时前
学习的本质是一个工程闭环:从模仿到内化的四阶段方法论(附风电实战案例)
前端·数据库·学习
打瞌睡的朱尤
6 小时前
建立vue项目
vue.js
Panzer_Jack
7 小时前
easy-live2d v0.4.0 — 全面进化的 Live2D Web 开发体验
前端
热门推荐
01GitHub 镜像站点02Qwen3.5-Omni与Qwen3.6模型全面解析(含测评/案例/使用教程)032026年3月AI领域大事件:DeepSeek引领开源风暴04VMware Workstation Pro 17 虚拟机完整安装教程(2026最新)05Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services06OpenClaw 请求超时 llm request timed out 怎么解决?3 种方案实测,附完整排查流程07AI 编程效率翻倍:Superpowers Skills 上手清单 + 完整指南08【技术干货】Gemma 4 上手深度指南:本地多模态大模型的新基线09Mac 本地部署 OMLX + 通义千问 Qwen3.5-27B 保姆级教程10UV安装并设置国内源