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

相关推荐
EndingCoder12 小时前
泛型类和高级用法
linux·运维·前端·ubuntu·typescript
lili-felicity13 小时前
React Native for Harmony 数字验证码输入功能
javascript·react native·react.js
ℋᙚᵐⁱᒻᵉ鲸落13 小时前
【Vue3】Element Plus 表单显示自定义校验错误
前端·javascript·vue.js
程序员小寒13 小时前
聊一聊 CommonJS 和 ES6 Module
前端·ecmascript·es6
Java后端的Ai之路13 小时前
【AI应用开发工程师】-Gemini写前端的一个坑
前端·人工智能·gemini·ai应用开发工程师
亿元程序员13 小时前
最近很火的一个拼图游戏,老板让我用Cocos3.8做一个...
前端
m0_7482500313 小时前
C++ Web 编程
开发语言·前端·c++
lili-felicity13 小时前
React Native for Harmony:消息列表页面未读标记完整实现
javascript·react native·react.js
切糕师学AI13 小时前
Vue 中的响应式布局
前端·javascript·vue.js
行者9613 小时前
Flutter适配OpenHarmony:跨平台开发热门标签组件,从数据到交互的完整实现
前端·flutter·harmonyos·鸿蒙