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

相关推荐
Heo几秒前
先把 Rollup 搞明白,再去学 Vite!
前端·javascript·面试
狐篱4 分钟前
vite 和 webpack 项目使用wasm-pack 生成的 npm 包
前端·webassembly
閞杺哋笨小孩7 分钟前
内容平台-SEO 索引提交
前端·seo
苏打水com8 分钟前
HTML/CSS 核心考点详解(字节跳动 ToB 中台场景)
java·前端·javascript
jingling5558 分钟前
react | 从零开始:使用 Create React App 创建你的第一个 React 项目
前端·javascript·react.js
nnnnna12 分钟前
watch监听(一篇文章彻底搞懂watch监听)
前端·vue.js
hmywillstronger13 分钟前
【React 】ASD Structure Drawing Layer Coding System (2007)
javascript·react.js·ecmascript
科普瑞传感仪器16 分钟前
基于六维力传感器的机器人柔性装配,如何提升发动机零部件装配质量?
java·前端·人工智能·机器人·无人机
步步为营DotNet18 分钟前
深入理解IAsyncEnumerable:.NET中的异步迭代利器
服务器·前端·.net
JackieDYH20 分钟前
CSS滚动吸附详解:构建精准流畅的滚动体验-scroll-snap-type
前端·css