技术栈

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高级_数据类型
相关推荐
阿珊和她的猫
7 小时前
前端应用首屏加载速度优化全攻略
前端·状态模式
Mike_jia
8 小时前
LiteOps:轻量级CI/CD平台,重塑开发运维新体验
前端
浮游本尊
9 小时前
React 18.x 学习计划 - 第十四天:实战整合与进阶收尾
前端·学习·react.js
_Eleven
13 小时前
Tailwind CSS vs UnoCSS 深度对比
前端
NEXT06
13 小时前
TCP 与 UDP 核心差异及面试高分指南
前端·网络协议·面试
qq_2421886332
13 小时前
HTML 全屏烟花网页
前端·html
码云数智-大飞
14 小时前
前端性能优化全链路实战:从加载速度到渲染效率的极致提速方案
前端·性能优化
锅包一切
14 小时前
【蓝桥杯JavaScript基础入门】一、JavaScript基础
开发语言·前端·javascript·蓝桥杯
NEXT06
14 小时前
HTTP 协议演进史:从 1.0 到 2.0
前端·网络协议·面试
热门推荐
01从零搭建一个 PHP 登录注册系统(含完整源码)02GitHub 镜像站点03AI Agent 平台横评:ZeroClaw vs OpenClaw vs Nanobot04使用 1panel面板 部署 php网站05openClaw安装飞书插件|核心踩坑:spawn EINVAL 错误终极解决指南06MIUI显示/隐藏5G开关的方法,信号弱时开启手机Wifi通话方法07Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services08配置 OpenClaw 使用 Ollama 本地模型09全面体验 Grok API 中转站(2025 · Grok 4 系列最新版)10让你的代码更整洁:10 个必知的 Kotlin 扩展函数