技术栈

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高级_数据类型
相关推荐
天天向上1024
3 小时前
成功阻止chrome浏览器自动填充密码
服务器·前端·chrome
一水鉴天
3 小时前
整体设计 定稿 之6 完整设计文档讨论及定稿 之1(豆包周助手)
java·前端·数据库
Java.熵减码农
3 小时前
基于VueCli自定义创建项目
前端·javascript·vue.js
追逐梦想之路_随笔
3 小时前
Js使用多线程Worker和单线程异步处理数据时间比较
前端·javascript
史上最菜开发
3 小时前
Ant Design Vue V1.7.8版本,a-input 去空格
javascript·vue.js·anti-design-vue
前端不太难
3 小时前
Vue Router 权限系统设计实战
前端·javascript·vue.js
Zhi.C.Yue
4 小时前
React 的位掩码标记系统
javascript·react.js·ecmascript
小明记账簿
4 小时前
An unexpected error occurred: “https://registry.npm.taobao.org/
前端·前端框架
醉挽清风783
4 小时前
Vue+Djiango基础用法
前端·javascript·vue.js
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03Linux下V2Ray安装配置指南04在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)05Neo4j(一) - Neo4j安装教程(Windows)06【AutoGLM部署】本地私有化部署AI手机Agent07Cursor 又偷偷更新,这个功能太实用:Visual Editor for Cursor Browser08Open-AutoGLM Windows 安装部署教程09安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)10BongoCat - 跨平台键盘猫动画工具