antd-mobile Carousel走马灯 抽奖模块 动态请求fetch拿到的数据不能轮播,是官方bug吗?

问题描述

antd-mobile Carousel走马灯 抽奖模块 动态请求fetch拿到的数据不能轮播

问题出现的环境背景及自己尝试过哪些方法

看的官方demo复制的,但是他那个是初始化写死的可以轮播
https://mobile.ant.design/com... 官方示例

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)
import React from "react";

import {Carousel} from 'antd-mobile';

class Zjmd extends React.Component {
constructor(props) {

super(props);

}

render() {

// userInfo  父组件传过来的props [{phone:'xxx'},{phone:'xxx'},{phone:'xxx'}]
const {className, userInfo} = this.props;

return (
  <Carousel className="my-carousel"
            vertical
            dots={false}
            dragging={false}
            swiping={false}
            autoplay
            infinite
            speed={200}
            autoplayInterval={2000}
            resetAutoplay={false}>

    {userInfo.map(function (v, i) {  // map遍历 渲染
      return div>{v.phone}</div>
    })}

  </Carousel>
);

}
}

export default Zjmd;

你期待的结果是什么?实际看到的错误信息又是什么?

没有报错,就是动态数据不轮播,如果是写的可以轮播,希望通过fetch请求的数据可以遍历轮播

阅读 3.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题