antd steps progressdot用法
在 Ant Design 中，Steps 组件用于展示当前操作所处的步骤，并且可以通过设置 progressDot 属性来自定义每个步骤的进度图标。
要使用 Steps 组件，并实现使用 progressDot 自定义图标，可以按照以下步骤进行操作：
1. 首先，导入 Steps 组件和 ProgressDot 组件：
```javascript
import { Steps } from 'antd';
const { Step } = Steps;
```
ant design 2. 在 render 方法中，创建一个包含多个 Step 组件的 Steps 组件，并设置 progressDot 属性为一个函数，该函数返回一个自定义的图标：
```javascript
render() {
  return (
    <Steps progressDot={dot}>
      <Step title="Step 1" />
      <Step title="Step 2" />
      <Step title="Step 3" />
    </Steps>
  );
}
```
3. 在步骤条所在的组件中，定义一个名为 dot 的函数，该函数接收两个参数，分别为当前步骤和状态，该函数需要返回一个 React 元素作为自定义的图标：
```javascript
function dot(current, status) {
  return (
    <span>
      {status === 'finish' ? (
        <Icon type="check-circle" theme="filled" />
      ) : (
        <span>{current + 1}</span>
      )}
    </span>
  );
}
```
在上述示例中，自定义图标根据当前步骤的状态进行选择性展示：如果状态为 'finish'，则显示一个带有勾号的圆圈图标；否则，显示当前步骤的序号。
通过上述步骤，您就可以根据需要自定义 Steps 组件中每个步骤的进度图标了。