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

相关推荐
专业抄代码选手8 分钟前
06|双缓冲与 Commit:让 Fiber 支持第二次渲染
前端·javascript·react.js
涛涛ing8 分钟前
4.8K Star!一套规则让 AI 帮你写出“像人写的”前端代码
前端
万物智能11 分钟前
OpenHarmony源码树解剖—【万物智能之开源鸿蒙OpenHarmony系统实战开发系列教程】
前端·后端
天才熊猫君14 分钟前
通用虚拟滚动表格行拖拽排序:从思路到完整实现
前端·javascript
hh95016 分钟前
Agent Plan × DeepSeek Harness:角色 Prompt 驱动的 Agent 分工优化与协作质量实验
java·前端·人工智能·prompt·adg·agent plan·adg成都社区
专业抄代码选手19 分钟前
05|把递归渲染拆成 Fiber:让一棵大树可以暂停
前端·javascript·react.js
像我这样帅的人丶你还22 分钟前
🚀苹果的液态玻璃咋做?🚀
前端·webgl·three.js
天才熊猫君25 分钟前
Vue 3 插槽机制深度解析:两条线与三层树
前端·javascript
爱丶不疚28 分钟前
BrowserWindow:你的Electron 应用可以不用手写红绿灯
前端·electron
用户5944041035635 分钟前
【完整fx】Vue3 + TS + Leafletjs 打造企业级原神大地图
前端