技术栈

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高级_数据类型
相关推荐
PedroQue99
4 分钟前
@meng-xi/vite-plugin v1.3.0:generateUni 一键流水线
前端·vite
胡萝卜术
4 分钟前
权限系统的四道防线:从数据库事务锁到操作级保护规则的完整设计
前端·javascript·面试
IMPYLH
4 分钟前
HTML 的 <legend> 元素
java·前端·html
werdedeage
6 分钟前
用 useReducer 管理多参考图生成器的前端状态
react.js·typescript
真夜
8 分钟前
RN热更新安全问题
前端·react native
Zeroplucky
8 分钟前
Binder 线程池耗尽案例:持锁同步调用 VHAL 导致 SystemUI 卡顿或 ANR
前端
Zeroplucky
11 分钟前
从 registerContentObserver 剖析 Android Binder 流程
前端
Yinlin124
12 分钟前
深入悬浮组件实现
前端
yangzheui
14 分钟前
nvue页面事件穿透到下层元素解决办法
前端
杉氧
14 分钟前
从 Modifier 到 Flexbox:React Native 布局与样式设计哲学
android·前端·react native
热门推荐
01国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)02GitHub 镜像站点032026 国产 AI 大模型横评:DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打?04微信历史版本含下载地址( Windows PC | 安卓 | MAC )及设置微信不更新05历年考研数学一、数学二、数学三真题试卷及答案PDF06Agnes AI 免费 API 接入指南:文本、生图、生视频,一套接口全免费07AI 编程 IDE 全景解析 2026:Agent 全面接管开发链路08VSCode+CodeX扩展,无法启动092026年7月AI圈大地震:GPT-5.6被政府限制、Claude入驻Slack、Anthropic自研芯片10如何新建文件夹? 电脑新建文件夹的4种方法