实现Reactjs的轮播问题

我正在使用具有反应显示功能的转盘，但是有问题。

轮播：


const CarouselUI = ({ position,total,handleclick,children }) => (


{children}


{Array(...Array(total)).map( (val,index) =>

{index === position ? '● ' : '○ ' }

)}




这是我的卡：


const MatchData = this.state.matchData.map((data,i) =>
data.tournaments.map((tour,j) =>
tour.matches.map((match,k) => (

))
)
);


当我想将卡片添加到轮播中时，它只会渲染并重复第一张卡片，直到我从循环中获得卡片的次数为止。

我正在像这样使用轮播：


return (


我的问题是为什么轮播不会一一显示所有卡片，所以我可以单击点向左或向右，任何想法的人，thanx寻求帮助