技术栈

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高级_数据类型
相关推荐
o***Z448
31 分钟前
前端无障碍开发检查清单,WCAG合规
前端
摇滚侠
37 分钟前
Vue 项目实战《尚医通》,预约挂号的路由与静态搭建,笔记36
javascript·vue.js·笔记
码上成长
40 分钟前
React 18 并发特性:useTransition 和 useDeferredValue 动画级解释
javascript·react.js·ecmascript
浩星
1 小时前
vue3+datav实现大屏效果
vue.js·datav·大屏
J***Q292
1 小时前
前端CSS架构模式,BEM与ITCSS
前端·css
百***6804
2 小时前
Vue项目中 安装及使用Sass(scss)
vue.js·sass·scss
G***T691
2 小时前
React性能优化实战,避免不必要的重渲染
前端·javascript·react.js
q***d173
2 小时前
前端微前端部署方案,Nginx与Webpack
前端·nginx·webpack
y***5488
2 小时前
前端构建工具扩展,Webpack插件开发
前端·webpack·node.js
4***1490
2 小时前
前端构建工具多页面配置,Webpack与Vite
前端·webpack·node.js
热门推荐
01GitHub 镜像站点02BongoCat - 跨平台键盘猫动画工具03UV安装并设置国内源04安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)05Linux下V2Ray安装配置指南06《大数据技术原理与应用》实验报告三 熟悉HBase常用操作07jdk21下载、安装(Windows、Linux、macOS)08智能库存管理的需求预测模型:从业务痛点到落地代码的完整实践09综合整理:pdf预览显示:你尝试预览的文件可能对你的计算机有害。如果你信任此文件以及其来源,请打开此文件以看其内容,如何解决以正常预览文件10使用国内镜像网站在线下载安装Qt(解决官网慢的问题)——Qt