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 小时前
JavaScript 纯前端预览 WPS:先识别容器,再路由解析器
前端·javascript·wps
知无不研2 小时前
lambda表达式的使用(3)
开发语言·c++·lambda
cfm_29142 小时前
SpringAI + Ollama 本地大模型
java·开发语言·人工智能·语言模型
满栀5853 小时前
状态管理:Redux、Vuex、Pinia 核心区别
前端·javascript·typescript
C++ 老炮儿的技术栈4 小时前
基于Qt实现轻量化本地音乐播放器
开发语言·c++·qt·c·播放器·音乐
qq_448011164 小时前
C语言中的柔性数组
c语言·开发语言·柔性数组
小白学大数据4 小时前
长周期爬虫的数据一致性:断点续爬 + 事务回滚保障采集质量
开发语言·爬虫·测试工具
zlinear数据采集卡4 小时前
D223上位机C#开发实战:从帧解析到波形显示的完整实现
开发语言·arm开发·嵌入式硬件·fpga开发·开源·c#
Poo_Chai5 小时前
QT emit信号后完整处理流程,包括槽函数响应流程
java·开发语言·数据库
瑞码空间5 小时前
Java 图形界面(GUI)完整知识点手册
java·开发语言·图形界面·swing