如何在ReactJS中使用加载图标更改步骤编号

Question

我正在使用reactjs进行项目开发，目前我正在使用Ant-design作为向导形式。我将分享ant-design链接。当用户单击下一步时，我想使用加载图标更改步骤号。.当前步骤号（例如1）更改为加载并继续进行下一步。我是初学者，请您帮我一下吗？

蚂蚁设计链接： Ant-design

Answer 1

这可以通过使用步骤custom icon属性来完成。这个想法是，您可以按如下所示在key中传递steps：

const steps = [
  {
    title: "First",
    content: "First-content",
    key: 1
  },
  {
    title: "Second",
    content: "Second-content",
    key: 2
  },
  {
    title: "Last",
    content: "Last-content",
    key: 3
  }
];

然后您可以使用类型为Icon的{​​{1}}来检查是否loading，如下所示：

current+1 === key

您可以检查working demo。