技术栈

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高级_数据类型
相关推荐
jayaccc
4 分钟前
Webpack配置详解与实战指南
前端·webpack·node.js
南囝coding
4 分钟前
发现一个宝藏图片对比工具!速度比 ImageMagick 快 6 倍,还是开源的
前端
前端小黑屋
12 分钟前
查看 Base64 编码的字体包对应的字符集
前端·css·字体
每天吃饭的羊
22 分钟前
媒体查询
开发语言·前端·javascript
XiaoYu2002
1 小时前
第8章 Three.js入门
前端·javascript·three.js
这个一个非常哈
1 小时前
element之,自定义form的label
前端·javascript·vue.js
阿东在coding
1 小时前
Flutter 测试框架对比指南
前端
是李嘉图呀
1 小时前
npm推送包失败需要Two-factor权限认证问题解决
前端
自己记录_理解更深刻
1 小时前
本地完成「新建 GitHub 仓库 react-ts-demo → 关联本地 React+TS 项目 → 提交初始代码」的完整操作流程
前端
借个火er
1 小时前
Chrome 插件开发实战:5 分钟上手 + 原理深度解析
前端
热门推荐
01GitHub 镜像站点02安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)03手把手教你通过Gemini3 pro 学生认证,白用一年,手慢无!04Linux下V2Ray安装配置指南05Labelme从安装到标注:零基础完整指南06jdk21下载、安装(Windows、Linux、macOS)07GitLab 零基础入门指南:从安装到项目管理全流程08UV安装并设置国内源09【踩坑笔记】50系显卡适配的 PyTorch 安装102025-04-03 Latex学习1——本地配置Latex + VScode环境