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 分钟前
在小程序做海报的话,Painter就很给力
前端·微信小程序·canvas
匠心码员2 分钟前
Git Commit 提交规范:让每一次提交都清晰可读
前端
骑斑马的李司凌3 分钟前
调试时卡半天?原来127.0.0.1和localhost的区别这么大!
前端
哈哈O哈哈哈4 分钟前
Electron + Vue 3 + Node.js 的跨平台桌面应用示例项目
前端
ycbing4 分钟前
设计并实现一个 MCP Server
前端
千寻girling5 分钟前
面试官: “ 说一下怎么做到前端图片尺寸的响应式适配 ”
前端·javascript·面试
少莫千华6 分钟前
【Web API】RESTful API接口规范
前端·后端·json·api·restful·rest
掘金酱18 分钟前
2025年度稀土掘金影响力榜单发布!
前端·人工智能·后端
源码获取_wx:Fegn089523 分钟前
基于springboot + vue健康茶饮销售管理系统
java·vue.js·spring boot·后端·spring
GISer_Jing41 分钟前
AI编程革命:Trae如何重塑前端开发
前端·前端框架·aigc·ai编程