单击步进器图标时是否可以更改材料 UI 步骤？答案

【问题标题】：Is it possible to change material UI steps when clicked on stepper icons?单击步进器图标时是否可以更改材料 UI 步骤？
【发布时间】：2023-01-11 18:45:50
【问题描述】：

我正在使用材质 UI 步进器，我想在单击步进器图标时转到某个步骤。比方说，如果我总共有 5 个步骤，如果我在第四步，当我点击步骤 1 的图标时，我可以返回到第一步。第二步和第三步应该相同，如果我单击步进器图标，我应该能够分别返回到这些步骤。

这些是我所说的步进器图标（标有红色框）：

帮助将不胜感激。

这是codesandbox：https://codesandbox.io/s/currying-fire-wvyqzs?file=/demo.tsx

【问题讨论】：

标签： reactjs material-ui stepper

【解决方案1】：

将onClick 回调提供给<Step/> 以设置活动步骤。

<Step onClick={() => setActiveStep(i)} />

【讨论】：