Material UI - 步进器上的自定义步进连接器

【问题标题】：Material UI - Custom step connector on stepperMaterial UI - 步进器上的自定义步进连接器
【发布时间】：2022-01-12 11:13:04
【问题描述】：

我可以在材料 ui 步进器上使用自定义连接器吗？不是一条线作为连接器，而是下图中的这些箭头。

Material ui 版本 4 + react

【问题讨论】：

【解决方案1】：

您可以通过将any jsx element 传递给Stepper 组件的connector 属性来自定义连接器：

import ArrowForwardIcon from '@material-ui/icons/ArrowForward';

...
<Stepper connector={<ArrowForwardIcon />} />

【讨论】：