技术栈

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高级_数据类型
相关推荐
谢尔登
6 分钟前
【CSS】样式隔离
前端·css
百***5884
37 分钟前
Redis 通用命令
前端·redis·bootstrap
Liu.774
1 小时前
vue3 路由缓存导致onMounted无效
前端·javascript·vue.js
e***U820
1 小时前
React Hooks性能优化
前端·react.js·前端框架
4***R240
1 小时前
React数据分析
前端·react.js·前端框架
X***E463
1 小时前
React课程
前端·react.js·前端框架
4***9974
1 小时前
React音频处理案例
前端·react.js·音视频
1***8153
1 小时前
React组件
前端·javascript·react.js
6***349
1 小时前
Vue混合现实案例
前端·vue.js·mr
热门推荐
01GitHub 镜像站点02【保姆级教程】免费使用Gemini3的5种方法!免翻墙/国内直连03BongoCat - 跨平台键盘猫动画工具04UV安装并设置国内源05安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)06Linux下V2Ray安装配置指南07Google Antigravity:无法登录?早期错误、登录修复和用户反馈指南08Labelme从安装到标注:零基础完整指南09全球最强模型Grok4,国内已可免费使用!(附教程)1046个Nano-banana 精选提示词,持续更新中