技术栈

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高级_数据类型
相关推荐
一 乐
2 小时前
婚纱摄影网站|基于ssm + vue婚纱摄影网站系统(源码+数据库+文档)
前端·javascript·数据库·vue.js·spring boot·后端
C_心欲无痕
2 小时前
ts - tsconfig.json配置讲解
linux·前端·ubuntu·typescript·json
清沫
2 小时前
Claude Skills:Agent 能力扩展的新范式
前端·ai编程
yinuo
3 小时前
前端跨页面通信终极指南:方案拆解、对比分析
前端
北辰alk
3 小时前
Vue 模板引擎深度解析:基于 HTML 的声明式渲染
vue.js
北辰alk
3 小时前
Vue 自定义指令完全指南:定义与应用场景详解
vue.js
yinuo
3 小时前
前端跨页面通讯终极指南⑨:IndexedDB 用法全解析
前端
北辰alk
3 小时前
Vue 动态路由完全指南:定义与参数获取详解
vue.js
北辰alk
4 小时前
Vue Router 完全指南:作用与组件详解
vue.js
北辰alk
4 小时前
Vue 中使用 this 的完整指南与注意事项
vue.js
热门推荐
01GitHub 镜像站点02Labelme从安装到标注:零基础完整指南03Linux下V2Ray安装配置指南04安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)05jdk21下载、安装(Windows、Linux、macOS)06Claude Code 2.1.2 升级报错?别折腾了,一行命令搞定07【踩坑笔记】50系显卡适配的 PyTorch 安装082025-04-03 Latex学习1——本地配置Latex + VScode环境09KGG转MP3工具|非KGM文件|解密音频10UV安装并设置国内源