技术栈

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高级_数据类型
相关推荐
RONIN
几秒前
vue插件--路由vue-router
vue.js
Ruihong
几秒前
Vue Suspense 组件在 React 中,VuReact 会如何实现?
vue.js·react.js·面试
胡志辉
2 分钟前
网络七层到底怎么落到一次前端请求上:从浏览器到网卡,再到远端服务器
前端·网络协议
怪兽同学
3 分钟前
统一管理Agent Skills
前端·agent
陆枫Larry
8 分钟前
微信小程序订阅消息完全指南:从原理到落地的全流程梳理
前端
Camellia-lon
23 分钟前
jQuery购物车实现:从入门到精通
前端·javascript·jquery
Mintopia
26 分钟前
一套能落地的"模块拆分"方法:不靠经验也能做对
前端
禅思院
28 分钟前
从术到道:构建企业级异步组件加载方案的设计哲学与实现精要
前端·vue.js·架构
哈罗哈皮
29 分钟前
玩转OpenLayers主题色修改,打造独一无二的个性化地图
前端
糯米团子749
31 分钟前
react速通-1
javascript·react.js
热门推荐
012026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元02GitHub 镜像站点032026 年 AI 编程助手全面对比评测:Cursor vs Copilot vs Claude Code vs GitHub Copilot Free04Claude Code Windows 兼容性问题:指定版本 2.1.112 可解决05AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析062026年4月AI大事件深度解读:大模型竞争进入“深水区“07UBUNTU Claude Code 报错 claude native binary not installed08GPT-6发布日深度解析-Symphony架构200万Token实战09从限购到畅通:GLM-5.1 Coding Plan接入攻略10从零部署 Hermes Agent:一只"会成长的 AI 马"保姆级安装教程