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

相关推荐
Highcharts.js几秒前
Highcharts 前端导出详解:如何实现纯客户端导出(Offline Exporting)
前端·客户端·导出·highcharts·导出图片
qq_381338505 分钟前
React 18+ 并发特性深度解析:从原理到企业级性能优化实战
前端·react.js·性能优化
桔筐5 分钟前
Axios 从入门到实战封装全解析(附异步/拦截器/生命周期)
vue.js
一只小阿乐9 分钟前
react中的zustand 模块化
前端·javascript·react.js·react状态管理·zustand
劳埃德福杰15 分钟前
Windows系统卸载Edge浏览器
前端·windows·edge
hzxpaipai15 分钟前
外贸网站制作:为何派迪科技做的网站性能与打开速度如此不错?
开发语言·前端·网络·科技·安全
久爱@勿忘16 分钟前
uniapp H5 图片压缩并且转blob
前端·javascript·uni-app
Dashingl16 分钟前
uni-app 页面传值 报错:TypeError: $t.setAttribute is not a function
前端·javascript·uni-app
weixin1997010801617 分钟前
《澎拜网商品详情页前端性能优化实战》
前端·性能优化
甄心爱学习18 分钟前
【项目实训】法律文书智能摘要系统2
前端·javascript·vue.js