技术栈

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高级_数据类型
相关推荐
指尖跳动的光
3 分钟前
将多次提交合并成一次提交
前端·javascript
程序员码歌
9 分钟前
短思考第263天,每天复盘10分钟,胜过盲目努力一整年
android·前端·后端
oden
13 分钟前
1 小时速通!手把手教你从零搭建 Astro 博客并上线
前端
若梦plus
13 分钟前
JS之类型化数组
前端·javascript
若梦plus
13 分钟前
Canvas 深入解析:从基础到实战
前端·javascript
若梦plus
17 分钟前
Canvas渲染原理与浏览器图形管线
前端·javascript
C_心欲无痕
42 分钟前
vue3 - 依赖注入(provide/inject)组件跨层级通信的优雅方案
前端·javascript·vue.js
幺零九零零
1 小时前
全栈程序员-前端第二节- vite是什么?
前端
你脸上有BUG
1 小时前
TreeSelect 组件 showCheckedStrategy 属性不生效问题
前端·vue
热门推荐
01GitHub 镜像站点02从快手“12·22”直播攻击事件看:一次教科书式的业务层饱和攻击03UV安装并设置国内源04Linux下V2Ray安装配置指南05Gemini3 生成的基于手势控制3D粒子圣诞树06在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)07解决 WSL Ubuntu 中 /etc/resolv.conf 自动重置问题08Labelme从安装到标注:零基础完整指南09GLM-4.7 vs MiniMax-M2.1:代码工程理解10CentOS的ISO镜像下载