技术栈

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高级_数据类型
相关推荐
吴声子夜歌
1 分钟前
Node.js——Web模板引擎
前端·node.js
skywalk8163
1 分钟前
Kotti Next的tinyfrontend前端模仿Kotti 首页布局(使用CodeArts)
前端
坐吃山猪
2 分钟前
TypeScript编程03-枚举
前端·javascript·typescript
小陈工
2 分钟前
Python Web开发入门(九):权限管理与角色控制实战
服务器·开发语言·前端·数据库·python·安全·sqlite
DFT计算杂谈
10 分钟前
eDMFT安装教程
java·服务器·前端·python·算法
Gazer_S
11 分钟前
【GitLab npm Registry 非标准端口安装问题解决方案】
前端·npm·gitlab
CesareCheung
12 分钟前
Python+Vue +K6接口性能压测平台搭建
开发语言·vue.js·python
Aliex_git
12 分钟前
前端监控笔记(二)
前端·笔记·学习
光影少年
16 分钟前
实现发布订阅模式
前端·javascript·设计模式
chushiyunen
28 分钟前
python web框架streamlit
开发语言·前端·python
热门推荐
01GitHub 镜像站点022026年3月AI领域大事件:DeepSeek引领开源风暴03Qwen3.5-Omni与Qwen3.6模型全面解析(含测评/案例/使用教程)04黄金未来走势预测05Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services06AI 编程效率翻倍:Superpowers Skills 上手清单 + 完整指南07UV安装并设置国内源08让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南09Mac 本地部署 OMLX + 通义千问 Qwen3.5-27B 保姆级教程10“wsl --install -d Ubuntu-22.04”下载慢,中国地区离线安装 Ubuntu 22.04 WSL方法(亲测2025年5月6日)