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

相关推荐
漫随流水10 分钟前
旅游推荐系统(login.html)
前端·html·旅游
1024小神12 分钟前
记录xcode项目swiftui配置APP加载启动图
前端·ios·swiftui·swift
CHU72903518 分钟前
社区生鲜买菜小程序前端功能版块设计及玩法介绍
前端·小程序
尤山海29 分钟前
深度防御:内容类网站如何有效抵御 SQL 注入与脚本攻击(XSS)
前端·sql·安全·web安全·性能优化·状态模式·xss
前端小趴菜0535 分钟前
Windi CSS
前端·css
xuankuxiaoyao1 小时前
VUE.JS 实践 第二章
前端·javascript·vue.js
毕设源码-赖学姐1 小时前
【开题答辩全过程】以 基于Vue的电商管理平台为例,包含答辩的问题和答案
前端·javascript·vue.js
Wayward and pinnacle1 小时前
二次封装多选框组件
前端·javascript·vue.js
咬人喵喵1 小时前
植树节主题核心 SVG 交互玩法 + 品牌 / 账号案例 + 组件 / 教程
前端·css·编辑器·svg·e2编辑器
Sailing1 小时前
🚀AI 写代码越来越快,但我开始不敢上线了
前端·后端·面试