Material UI IndicatorIcon React

如何解决Material UI IndicatorIcon React

我目前正在尝试使用 React Material UI Carousel 构建一个轮播，但似乎无法弄清楚如何配置我的指示器图标，以便它们只显示一个数字而不是整个数组，如您在图片。

期望的结果是每个单独的指标都有自己的数字，范围从 1 到 6。 直觉上，我正在考虑使用 splice 来减少数组，但我似乎无法将其可视化。

对我如何实现这一目标有什么建议吗？

const numbers = [1,2,3,4,5,6]; 

return (
  
    <Fragment>
       {/* <div className="grid-3"> */}
       <Carousel 
       autoplay={false} 
       IndicatorIcon={numbers.map(number => number)}
       >
            {
            roles.map((role,i) =>{ 
            return(<RolesItem key={role.id} role={role}/>)
            }
          )
        }
      </Carousel>
    </Fragment>
)}