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 分钟前
Git Cherry-Pick:微前端架构下的“精准医疗”与最佳实践
前端·git
LIO23 分钟前
ESLint 极简指南:让代码既规范又一致
前端·eslint
明月_清风31 分钟前
前端工程化七连问:从紧急修复到版本控制,一文打通工程化任督二脉
前端·前端工程化
账号已注销free34 分钟前
Vue3 defineProps使用指南
vue.js
用户67570498850236 分钟前
不装插件不写代码!教你一招搞定网页长截图!清晰且高效!
前端·chrome
tjl521314_2139 分钟前
01C++ 分离编译与多文件编程
前端·c++·算法
sayamber42 分钟前
vLLM 容器化部署实战:如何在云服务器上跑起高并发大模型推理服务
前端
LIO42 分钟前
Pinia 极简指南:Vue 3 官方状态管理库
前端·vue.js
燐妤1 小时前
前端HTML编程2:深入学习表单与表格
前端·学习·html5
朝阳391 小时前
react【实战】首页 -- 响应式导航栏(含带联动动画的搜索框)
前端·react.js·前端框架