reactjs - 从 Ant Design 更改 Steps React 组件的行为（https://ant.design/components/steps/）

Question

如在链接示例中，我想将 Steps react 组件的行为从 ANT 设计更改为仅在单击的步骤上进行颜色和选择（高亮）（与现在相反，它也为所有先前的步骤着色）

标签： reactjsantd

Answer 1

您必须使用status Step 中的道具。

文档

CodeSandbox 中的示例

代替：

  <Steps current="2">
     <Step title="INSTRUCTIONS" />
     <Step title="REGISTRATION" />
     <Step title="VERIFICATION" />
  </Steps>

在前面的步骤中使用status 等待：

  <Steps current="2">
     <Step status="wait" title="INSTRUCTIONS" />
     <Step title="REGISTRATION" />
     <Step title="VERIFICATION" />
  </Steps>