Material UI IndicatorIcon React

编程问答 2022-05-21

问题描述

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

enter image description here

期望的结果是每个单独的指标都有自己的数字，范围从 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>
)}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

carouselmaterial-uireactjsreactjs