保持上一步打开 Vertical Stepper Material-UI

Question

尝试实现垂直步进器并在我移动下一个步骤时保持上一个步骤打开。我尝试使用 expanded onStepContent 但它会打开所有步骤。 我将不胜感激关于如何修复保持打开状态的一些见解。 我在 code sandbox

上添加了代码示例

Answer 1

您需要在 Step 本身上使用 active 属性。对于您的情况，添加类似

的内容

            <Step key={label} active={index===activeStep-1||index===activeStep}>

保持上一步打开。