React-Mock数据

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页面显示

相关推荐
英俊潇洒美少年2 分钟前
前端 Jest 单元测试零基础实战:模板、提效、避坑、面试题(Vue 项目可用)
前端·vue.js·单元测试
和blue一起变得更好5 分钟前
周三:Vue3高级组件特性
前端·javascript·vue.js
happyprince9 分钟前
10-Hugging Face Transformers 量化系统深度分析
java·前端·数据库
AskHarries9 分钟前
如何使用 OpenClaw Skill
前端
AI周红伟21 分钟前
Agent Skills生产级Skills 案例实操-周红伟
前端·chrome·react.js·langchain
nickel36928 分钟前
Qoder相关使用
java·开发语言·vue.js·spring boot
用户862841295494430 分钟前
Flutter rxflare 响应式进阶:Map/List 精准字段更新(高性能实战)
前端·flutter
横木沉31 分钟前
高并发场景下的前端缓存与降级策略
大数据·前端·缓存
三翼鸟数字化技术团队38 分钟前
十万条数据怎么办?Vue3虚拟列表让你纵享丝滑
vue.js
我命由我1234539 分钟前
VSCode - VSCode 自定义折叠区域
前端·javascript·ide·vscode·前端框架·编辑器·js