技术栈

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高级_数据类型
相关推荐
进击的野人
7 分钟前
Vue Router 深度解析:从基础概念到高级应用实践
前端·vue.js·前端框架
北慕阳
8 分钟前
健康管理前端记录
前端
1024小神
8 分钟前
cloudflare的worker中的Environment环境变量和不同环境配置
前端
栀秋666
16 分钟前
从零开始调用大模型:使用 OpenAI SDK 实现歌词生成,手把手实战指南
前端·llm·openai
l1t
16 分钟前
DeepSeek总结的算法 X 与舞蹈链文章
前端·javascript·算法
智航GIS
37 分钟前
6.2 while循环
java·前端·python
2201_75783087
38 分钟前
AOP核心概念
java·前端·数据库
雪人.
40 分钟前
JavaWeb经典面试题
java·服务器·前端·java面试题
JIngJaneIL
1 小时前
基于java+ vue学生成绩管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端
小恒恒
1 小时前
2025 Vibe Coding 有感
前端·uni-app·trae
热门推荐
01GitHub 镜像站点02Linux下V2Ray安装配置指南03jdk21下载、安装(Windows、Linux、macOS)04Claude Code Skills 实用使用手册05从快手“12·22”直播攻击事件看:一次教科书式的业务层饱和攻击06UV安装并设置国内源07【踩坑笔记】50系显卡适配的 PyTorch 安装082025 最新教程:注册并切换到美区 Apple ID09手把手教你通过Gemini3 pro 学生认证,白用一年,手慢无!10祝大家 2026 年新年快乐,代码无 bug,需求一次过