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>
相关推荐
djarmy5 小时前
MAIN.c(1): warning C318: can’t open file ‘STC8G.H’ 报错 解决 分析
c语言·开发语言·mongodb
HEJOO95 小时前
深入理解 Java volatile 关键字:原理、用法与常见误区
java·开发语言·spring
曹牧5 小时前
Java:no content to map due to end of input
java·开发语言
梦梦代码精5 小时前
《回收租赁系统技术选型避坑指南:业务闭环与二开自由度详解》
开发语言·低代码·docker·开源·代码规范
隔窗听雨眠5 小时前
记一次SQL Server数据库性能分析:从CPU100%到单配置修复的完整诊断
开发语言·数据库·php
David猪大卫5 小时前
【C++修炼】智能指针使用及原理
开发语言·c++·经验分享·笔记·学习·考研·面试
charlie1145141915 小时前
现代Qt开发之图像处理进阶:像素操作与格式转换
开发语言·图像处理·qt
李永奉6 小时前
中科蓝讯SDK开发-BT893x 面条耳机连接vivo手机后连接APP端,最后手机端设置页面手动断开蓝牙连接,此时耳机端假断开
c语言·开发语言·嵌入式硬件·物联网·智能手机·电脑
lemon_sjdk6 小时前
DOM 节点
java·前端·javascript
leoZ2316 小时前
2026-09-09-springboot-cloud-deploy-pitfalls
java·前端·javascript·vue.js·人工智能·spring boot·后端