antd-mobile 中的Carousel在其他页面返回时，会有一段时间未显示

Question

import React, {Component} from 'react';
import {SearchBar, Carousel} from 'antd-mobile';
import {Link} from 'react-router-dom';
import TopProgress from '../Component/TopProgress';
import Footer from '../Component/Footer';

class Home extends Component {
  state = {
    searchBarClassName: 'search',
    loading: true,
  };

  searchBarOnFocus() {
    this.setState({
      searchBarClassName: 'search focus',
    });
  }

  searchBaronBlur() {
    this.setState({
      searchBarClassName: 'search',
    });
  }

  render() {
    return (
      <div id="Home">
        <TopProgress/>
        <SearchBar
          onBlur={this.searchBaronBlur.bind(this)}
          onFocus={this.searchBarOnFocus.bind(this)}
          className={this.state.searchBarClassName}
          placeholder="请输入商品名"
        />
        <Carousel
          className="home-carousel"
          autoplay={true}
          infinite={true}
          swipeSpeed={35}
        >
          <Link to={'/proInfo/xnsjwk'}><img src="/static/cbd.jpg" alt="1" /></Link>
          <Link to={'/proInfo/xnsjwk'}><img src="/static/muwu.jpg" alt="2" /></Link>
          <Link to={'/proInfo/xnsjwk'}><img src="/static/shuijiao.jpg" alt="3" /></Link>
          <Link to={'/proInfo/xnsjwk'}><img src="/static/yuantiao.jpg" alt="3" /></Link>
        </Carousel>
        <Footer props={this.props}/>
      </div>
    );
  }
}
export default Home;