React：Ant Design Mobile中Carousel（Swiper）在React中的使用

使用Carousel（Swiper）需要注意两点：
1.需要配置ant design mobile按需加载，方法如下：
（1）法一：使用 babel-plugin-import（推荐）：

// .babelrc or babel-loader option
{
  "plugins": [
    ["import", { libraryName: "antd-mobile", style: "css" }] // `style: true` 会加载 less 文件
  ]
}

然后只需从 antd-mobile 引入模块即可，无需单独引入样式。

// babel-plugin-import 会帮助你加载 JS 和 CSS
import { DatePicker } from 'antd-mobile';

（2）法二：手动引入

import DatePicker from 'antd-mobile/lib/date-picker';  // 加载 JS
import 'antd-mobile/lib/date-picker/style/css';        // 加载 CSS
// import 'antd-mobile/lib/date-picker/style';         // 加载 LESS

2.如果swiper的图片地址是动态获取的，则一开始进入页面时，wsiper不会自动播放，因为swiper实例化的时候，图片的地址还没有获取到，此时应该让它返回null，不渲染，等到数据