技术栈

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高级_数据类型
相关推荐
Jinuss
2 分钟前
源码分析之React中createFiberRoot方法创建Fiber根节点
前端·javascript·react.js
Jinuss
27 分钟前
源码分析之React中ReactDOMRoot实现
前端·javascript·react.js
摘星编程
32 分钟前
React Native鸿蒙版:React Query无限滚动
javascript·react native·react.js
web守墓人
36 分钟前
【前端】vue3的指令
前端
想起你的日子
1 小时前
EFCore之Code First
前端·.netcore
框架图
1 小时前
Html语法
前端·html
深耕AI
2 小时前
【wordpress系列教程】07 网站迁移与备份
运维·服务器·前端·数据库
joan_85
2 小时前
input禁止自动填充
前端·elementui·vue
林间风雨
2 小时前
layui 2.9.16 版本,根据字段字数最大数,表格自适应字段宽度
前端·javascript·layui
热门推荐
01GitHub 镜像站点02OpenCode 入门教程:介绍 · 安装 · 配置第三方 API (如 Claude)03在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)04UV安装并设置国内源05Claude Code Skills 实用使用手册06BongoCat - 跨平台键盘猫动画工具07安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)08AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南09Linux下V2Ray安装配置指南10Open Code教程(四)| 高级配置与集成