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

相关推荐
大布布将军12 分钟前
一种名为“Webpack 配置工程师”的已故职业—— Vite 与“零配置”的快乐
前端·javascript·学习·程序人生·webpack·前端框架·学习方法
JosieBook14 分钟前
【Vue】02 Vue技术——搭建 Vue 开发框架:在VS Code中创建一个Vue项目
前端·javascript·vue.js
计算机学姐14 分钟前
基于Python的商场停车管理系统【2026最新】
开发语言·vue.js·后端·python·mysql·django·flask
科普瑞传感仪器20 分钟前
航空航天制造升级:机器人高精度力控打磨如何赋能复合材料加工?
java·前端·人工智能·机器人·无人机·制造
q_191328469521 分钟前
基于SpringBoot2+Vue2的宠物上门服务在线平台
java·vue.js·spring boot·mysql·宠物·计算机毕业设计·源码分享
前端开发呀26 分钟前
成为开源项目的Contributor:从给uView-pro 贡献一次PR开始
前端·微信小程序
1024肥宅31 分钟前
JavaScript 数组原生方法手写实现
前端·javascript·ecmascript 6
rockmelodies37 分钟前
CVE-2025-55182:React Server Components 断点跟踪
前端·react.js·前端框架
赵财猫._.42 分钟前
React Native鸿蒙开发实战(二):基础组件与Flex布局
react native·react.js·harmonyos
草帽lufei43 分钟前
3大免费AI工具实战测评,用提示词“调教”出业务大屏
前端·ai编程·trae