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

相关推荐
志尊宝11 小时前
AI原生前端开发(039):AI辅助的Nuxt 4全栈开发
前端·vue.js·ai-native
FRing0312 小时前
JavaScript入门到精通三十二(深拷贝、浅拷贝、递归函数)
开发语言·前端·javascript
excel12 小时前
双 Token 与前端使用 Crypto 公私钥鉴权换 Token,哪种方案更好?
前端·后端
外收内放12 小时前
Python基础语法练习题(73)
java·前端·python
鸿蒙开发12 小时前
Three.js 首帧卡顿排查:compileAsync 之后,为什么还会停一下?
react.js·three.js
风骏时光牛马12 小时前
面向复杂场景的大模型应用落地与能力优化实践
前端
小小善后师13 小时前
我做了个病历归档小程序,被 AI 识别的"最后一公里"狠狠上了一课
前端
H_Lisa13 小时前
我用 Express 写了个 MCP,Claude 直接调用我的 API 了
前端
IT_陈寒13 小时前
React的useEffect依赖数组把我坑惨了
前端·人工智能·后端
兰亭妙微UI设计公司14 小时前
兰亭妙微ui设计公司分享:B端组件命名如何支持团队协作
前端·javascript·vue.js