问题描述
antd-mobile Carousel走马灯 抽奖模块 动态请求fetch拿到的数据不能轮播
问题出现的环境背景及自己尝试过哪些方法
看的官方demo复制的,但是他那个是初始化写死的可以轮播
https://mobile.ant.design/components/carousel-cn/ 官方示例
相关代码
// 请把代码文本粘贴到下方(请勿用图片代替代码)
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 {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请求的数据然后可以遍历轮播