Ant Design Mobile 轮播图(Carousel)显示异常解决方案

在React项目中,使用Ant Design Mobile的Carousel组件时遇到显示异常,具体表现为轮播图只显示了一半。通过深入研究和调试,找到了有效的解决方案。
摘要由CSDN通过智能技术生成

学习React中
使用Ant Design Mobile 的的走马灯组件
获取数据进行页面渲染出现轮播图只出现一半的情况
只显示一半
直接上解决方案
在渲染轮播图时,设置数据还未放回时的组件渲染值为nul'

  import React from "react";
import {
    Carousel } from "antd-mobile";
import axios from "axios";

export default class Index extends React.Component {
   
  state = {
   
    swipers: [],
  };
  //   获取轮播图
  getSwipers = async (
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值