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>
相关推荐
Cosmoshhhyyy7 小时前
《Effective Java》解读第26条:请不要使用原生态类型
java·开发语言
郝学胜-神的一滴7 小时前
Linux下创建线程:从入门到实践
linux·服务器·开发语言·c++·程序人生·软件工程
山土成旧客7 小时前
【Python学习打卡-Day22】启航Kaggle:从路径管理到独立项目研究的全方位指南
开发语言·python·学习
苏打水com7 小时前
第十七篇:Day49-51 前端工程化进阶——从“手动”到“自动化”(对标职场“提效降本”需求)
前端·javascript·css·vue.js·html
我命由我123457 小时前
Python Flask 开发 - Flask 路径参数类型(string、int、float、path、uuid)
服务器·开发语言·后端·python·flask·学习方法·python3.11
『 时光荏苒 』7 小时前
使用Vue播放M3U8视频流的方法
前端·javascript·vue.js
永远都不秃头的程序员(互关)7 小时前
C++核心语法复盘:数据结构编程的底层基石
开发语言
leiming68 小时前
C++ 01 函数模板
开发语言·c++·算法
大道随心8 小时前
【QT】自动化设备控制界面搭建
开发语言·qt·自动化