技术栈

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高级_数据类型
相关推荐
程序员黑豆
33 分钟前
鸿蒙应用开发:Refresh + List 下拉刷新组件使用教程
前端·华为·harmonyos
Hilaku
34 分钟前
为什么大厂对前端算法要求极高?
前端·javascript·程序员
Tkto
1 小时前
我用 WebGL 从「画个点」一路画到「贪吃蛇」
前端
xiaobaoyu
1 小时前
前端代码常用规范
前端
xiaobaoyu
1 小时前
img,word,excel,pdf文件在线预览
前端
lichenyang453
1 小时前
从 H5 到 HarmonyOS:我做了一个 npm + OHPM 双端发布的 ArkWeb JSBridge 框架
前端
用户8429814241810
1 小时前
AI时代,JS混淆加密还有用吗?
前端·javascript
xiaobaoyu
1 小时前
如何理解前端项目中的绝对路径和相对路径
前端
xiaobaoyu
1 小时前
vue3+vite+vant4项目实战总结
前端
咖啡星人k
2 小时前
【无标题】
前端·ai·github
热门推荐
01GitHub 镜像站点02如何新建文件夹? 电脑新建文件夹的4种方法032026年7月AI圈大地震:GPT-5.6被政府限制、Claude入驻Slack、Anthropic自研芯片04AI科技热点日报 | 2026年07月01日05国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)06AI 编程 IDE 全景解析 2026:Agent 全面接管开发链路07幻兽帕鲁 - 服务器管理员权限与 GM 命令完全指南082026 国产 AI 大模型横评:DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打?09微信历史版本含下载地址( Windows PC | 安卓 | MAC )及设置微信不更新102026 年 AI 大模型 & AI 编程工具实战全总结