react中使用antd轮播图bug

1. 刷新页面轮播图不会自动播放
2. 切换tabBar轮播图高度出现问题

解决方案

轮播图数据加载完毕后再去渲染轮播图

import React from "react";
import {
    Carousel, Flex } from "antd-mobile";
import axios from "axios";
import Nav1 from "../../assets/images/nav-1.png";
import Nav2 from "../../assets/images/nav-2.png";
import Nav3 from "../../assets/images/nav-3.png";
import Nav4 from "../../assets/images/nav-4.png";
import "./index.css";

const navs = [
  {
   
    id: 1,
    img: Nav1,
    title: "整租",
    path: "/home/list",
  },
  {
   
    id: 2,
    img: Nav2,
    title: "合租",
    path: "/home/list",
  },
  {
   
    id: 3,
    img: Nav3,
    title: "地图找房"