技术栈

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高级_数据类型
相关推荐
当时只道寻常
13 小时前
Vue3 集成 NProgress 进度条:从入门到精通
前端·vue.js
kyriewen
13 小时前
React性能优化:从“卡成狗”到“丝般顺滑”的5个秘诀
前端·react.js·性能优化
米丘
13 小时前
Vue 3.x 单文件组件(SFC)模板编译过程解析
前端·vue.js·编译原理
helloweilei
13 小时前
Web Streams 简介
前端·javascript
悟空瞎说
13 小时前
Flutter热更新 Shorebird CodePush 原理、实现细节及费用说明
前端·flutter
didadida262
13 小时前
从“不存在”的重复请求,聊到 Web 存储的深坑
前端
xiaominlaopodaren
13 小时前
Three.js 渲染原理-透明渲染为什么这么难
前端
米丘
13 小时前
vue3.x 内置指令有哪些?
前端·vue.js
米丘
13 小时前
Vue 3.x 模板编译优化:静态提升、预字符串化与 Block Tree
前端·vue.js·编译原理
热门推荐
012026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元02GitHub 镜像站点032026年4月AI大事件深度解读:大模型竞争进入“深水区“04近期有什么ai的新消息,新动态? 2026.4月052026 年 AI 编程助手全面对比评测:Cursor vs Copilot vs Claude Code vs GitHub Copilot Free06codex app每次打开重连5次Reconnecting问题解决07AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析08CC-Switch & Claude 基于 Linux 服务器安装使用指南09从限购到畅通:GLM-5.1 Coding Plan接入攻略10LLM Wiki:让大模型替你打理知识库的完整指南