技术栈

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高级_数据类型
相关推荐
岁月宁静
8 小时前
AI 多模态全栈项目实战:Vue3 + Node 打造 TTS+ASR 全家桶!
vue.js·人工智能·node.js
9坐会得自创
8 小时前
使用marked将markdown渲染成HTML的基本操作
java·前端·html
Hilaku
8 小时前
当 Gemini 3 能写出完美 CSS 时,前端工程师剩下的核心竞争力是什么?
前端·javascript·ai编程
最贪吃的虎
8 小时前
什么是开源?小白如何快速学会开源协作流程并参与项目
java·前端·后端·开源
裴嘉靖
8 小时前
Vue + ECharts 实现图表导出为图片功能详解
前端·vue.js·echarts
用泥种荷花
8 小时前
【LangChain学习笔记】输出解析器
前端
闲云一鹤
9 小时前
Cesium 使用 Turf 实现坐标点移动(偏移)
前端·gis·cesium
Thomas游戏开发
9 小时前
Unity3D IL2CPP如何调用Burst
前端·后端·架构
多仔ヾ
9 小时前
Vue.js 前端开发实战之 01-Vue 基础入门
vue.js
热门推荐
01GitHub 镜像站点02从快手“12·22”直播攻击事件看:一次教科书式的业务层饱和攻击03Linux下V2Ray安装配置指南04电脑检测软件—图吧工具箱05Claude Code Skills 实用使用手册06jdk21下载、安装(Windows、Linux、macOS)07UV安装并设置国内源08Web安全中SQL注入绕过WAF的具体手法和实战案例09SQLmap 完整使用指南:环境搭建 + 命令详解 + 实操案例10BongoCat - 跨平台键盘猫动画工具