技术栈

React-Mock数据

FOREVER-Q2024-03-14 12:23

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

上一篇:20240313寻找集成联调交付的具体方式
下一篇:JS高级_数据类型
相关推荐
jump680
1 分钟前
react的事件优先级
前端
soda_yo
4 分钟前
浅拷贝与深拷贝: 克隆一只哈基米
前端·javascript·面试
冴羽
10 分钟前
Nano Banana Pro 零基础快速上手
前端·人工智能·aigc
幼儿园技术家
18 分钟前
浏览器加载html、css、js的顺序
前端
一 乐
32 分钟前
高校评教|基于SpringBoot+vue高校学生评教系统 (源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·学习
爱分享的鱼鱼
38 分钟前
Vue生命周期钩子详解与实战应用
前端·vue.js
晴殇i
1 小时前
CSS Grid 与 Flexbox:现代前端布局的双子星
前端·css
曹卫平dudu
1 小时前
一起学习TailWind Css
前端·css
sosojie
1 小时前
and+design的table前端本地分页处理
前端·vue.js
炫饭第一名
1 小时前
前端玩转 AI 应用开发|SSE 协议与JS中的流式处理🌊
前端·人工智能·程序员
热门推荐
01GitHub 镜像站点02【超详细教程】手把手教你从微软官网免费下载Windows 10官方原版ISO镜像(2025最新版)03安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)04UV安装并设置国内源05智能库存管理的需求预测模型:从业务痛点到落地代码的完整实践06React CVE-2025-55182漏洞排查与修复指南07BongoCat - 跨平台键盘猫动画工具08Linux下V2Ray安装配置指南09本地部署阿里最新开源的Z-Image10打造高效订单处理!ZKmall开源商城的统一履约中心架构解析