React-Mock数据

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页面显示

相关推荐
hunter14507 小时前
2026.1.4 html简单制作
java·前端·笔记·html
鹏程十八少7 小时前
Android 深入剖析Android内存泄漏:ViewPager2与Fragment的生命周期陷阱
android·前端·app
李少兄7 小时前
深入理解 CSS opacity 属性
前端·css
幺零九零零7 小时前
前端测试·1
前端
1024小神7 小时前
uniapp项目中使用vue3和小程序组件父子通信
前端·小程序·uni-app
hxjhnct7 小时前
React 为什么不采用(VUE)绑定数据?
javascript·vue.js·react.js
Knight_AL7 小时前
Vue + Spring Boot 项目添加 /wvp 前缀的完整链路解析(从浏览器到静态资源)
前端·vue.js·spring boot
粟悟饭&龟波功7 小时前
【软考系统架构设计师】九、架构演化与维护
前端·后端·架构·系统架构·软件工程
广州华水科技7 小时前
单北斗GNSS的变形监测应用是什么?主要用于大坝的安全监测吗?
前端
Hao_Harrision7 小时前
50天50个小项目 (React19 + Tailwindcss V4) ✨| AnimatedCountdown(倒计时组件)
前端·typescript·react·tailwindcss·vite7