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

相关推荐
晴天163 分钟前
前端跨域方案解析:JSONP 的原理、实战与演进
前端·状态模式
web打印社区4 分钟前
浏览器静默打印?先别装第三个库了
前端·vue.js·chrome·electron·pdf
艾伦野鸽ggg6 分钟前
前端异步请求的状态竞争(请求竞态)问题
前端·javascript·axios
是立不是利11 分钟前
前端交互基石:深入剖析JavaScript三级联动背后的设计哲学
开发语言·前端·javascript
动恰客流统计17 分钟前
传统红外对射客流统计为何逐步淡出主流?准确率与场景限制深度分析
大数据·前端·人工智能
Rooting++28 分钟前
小程序{{ }}和vue{{ }}语法的区别
前端·vue.js·小程序
前端精髓1 小时前
React 更新 state 中的对象
javascript·react.js·ecmascript
豆约翰1 小时前
css自制图书封面效果
前端·css
积硅步致千里1 小时前
Fyne 兼容性:报错还能救,透明窗才要命
前端·后端
可乐鸡翅yeah_2 小时前
hls.js 播放质量埋点实战,采集卡顿、起播、错误指标定位线上用户问题
开发语言·前端·javascript·ecmascript·音视频·m3u8·音视频在线播放