技术栈

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高级_数据类型
相关推荐
Awu1227
1 分钟前
🍎Vue官方Skills深度解读:那些被悄悄藏起来的宝藏
前端·aigc·claude
小小前端仔LC
8 分钟前
第五篇:前端任务状态管理与实时反馈 (SSE 客户端篇)
前端
LIO
26 分钟前
Axios Token 无感刷新机制:原理、实现与最佳实践
前端·axios
「已注销」
35 分钟前
面试分享:二本靠7轮面试成功拿下大厂P6
前端·javascript·面试
Lee川
37 分钟前
深入浅出:用 React 打造高性能懒加载无限滚动组件
前端·react.js
walking957
1 小时前
重新学习前端之JavaScript
前端·vue.js·面试
walking957
1 小时前
重新学习前端之HTML
前端·vue.js·面试
walking957
1 小时前
重新学习前端之Vue
前端·vue.js·面试
牛奶
1 小时前
开发者的"奇技淫巧":那些让你效率翻倍的实战技巧
前端·后端·程序员
咸鱼翻身更入味
1 小时前
Vue创建一个简单的Agent聊天——工具调用
前端
热门推荐
01要裂开了!ChatGPT要手机号验证了?注册Codex要求验证电话号码怎么办?2026年登陆Codex要手机号验证的解决办法02GitHub 镜像站点03Codex 接入 DeepSeek API 完整配置文档04零基础教你claude code 接入 deepseek V405Linux 核弹级高危漏洞 CVE-2026-31431 完整修复指南06CVE-2026-31431 (Copy Fail) 漏洞复现与验证记录07裂开!ChatGPT 居然开始要手机号验证,附详细解决方法08CC-Switch & Claude 基于 Linux 服务器安装使用指南09【AI】2026 年具身智能模型和世界模型总结102026 年 AI 辅助编程工具全景对比:Copilot、Cursor、Claude Code 与 Codex 深度解析