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>
相关推荐
徐同保1 分钟前
使用yarn@4.6.0装包,项目是react+vite搭建的,项目无法启动,报错:
前端·react.js·前端框架
Qrun1 小时前
Windows11安装nvm管理node多版本
前端·vscode·react.js·ajax·npm·html5
JELEE.2 小时前
Django登录注册完整代码(图片、邮箱验证、加密)
前端·javascript·后端·python·django·bootstrap·jquery
QX_hao4 小时前
【Go】--反射(reflect)的使用
开发语言·后端·golang
inferno5 小时前
Maven基础(二)
java·开发语言·maven
我是李武涯5 小时前
从`std::mutex`到`std::lock_guard`与`std::unique_lock`的演进之路
开发语言·c++
史不了6 小时前
静态交叉编译rust程序
开发语言·后端·rust
读研的武6 小时前
DashGo零基础入门 纯Python的管理系统搭建
开发语言·python
Andy7 小时前
Python基础语法4
开发语言·python