recat如何循环?

第一点 声明 声明第一个值 当前值 后面的是方法 需要set开头

声明前要导入import React, { useState } from 'react';

声明格式 : const 【inp,setinpt】= usestate()

setinp(res.data.data)

使用去赋值 循环代码

这是一个recat-vant组件的 轮播图 走马灯 的循环 使用map 很简单 不错

当然 我们可以去打印 inp就可以打印出我们所进行赋值的值

复制代码
    <Swiper loop autoplay className={stylee.content}>
                {array?.banner.map((index) => (
                    <Swiper.Item key={index}>
                        <img className={stylee.banner_img} src={index.imgs} />
                    </Swiper.Item>
                ))};

            </Swiper>
相关推荐
机灵猫4 分钟前
深入理解 Java 类加载与垃圾回收机制:从原理到实践
java·开发语言
weixin_307779135 分钟前
AWS Redshift 数据仓库完整配置与自动化管理指南
开发语言·数据仓库·python·云计算·aws
今天头发还在吗12 分钟前
【框架演进】Vue与React的跨越性变革:从Vue2到Vue3,从Class到Hooks
javascript·vue.js·react.js
渣哥21 分钟前
从 AOP 到代理:Spring 事务注解是如何生效的?
前端·javascript·面试
伐尘26 分钟前
【Qt】QTableWidget 自定义排序功能实现
开发语言·qt
toobeloong36 分钟前
Electron 从低版本升级到高版本 - 开始使用@electron/remote的改造教程
前端·javascript·electron
悠哉摸鱼大王39 分钟前
前端获取设备视频流踩坑实录
前端·javascript
铅笔侠_小龙虾1 小时前
深入理解 Vue.js 原理
前端·javascript·vue.js
你的眼睛會笑1 小时前
vue3 使用html2canvas实现网页截图并下载功能 以及问题处理
前端·javascript·vue.js