Ant Design 步骤条：在每个步骤后添加一个 Div

在 Ant Design 中，可以使用'Steps'组件来实现步骤条，然后在每个'Step'组件后面添加一个'div'，可以使用'renderItem'属性来自定义每个步骤的渲染内容。

以下是一个示例代码：

import { Steps } from 'antd';
import React from 'react';

const { Step } = Steps;

const steps = [
  {
    title: 'Step 1',
    content: 'Content 1',
  },
  {
    title: 'Step 2',
    content: 'Content 2',
  },
  {
    title: 'Step 3',
    content: 'Content 3',
  },
];

const CustomSteps = () => {
  return (
    <Steps current={0}>
      {steps.map((item, index) => (
        <Step key={index} title={item.title} />
        {index !== steps.length - 1 && <div></div>}
      ))}
    </Steps>
  );
};

export default CustomSteps;

在上面的代码中，使用'map'函数遍历'steps'数组，并根据每个步骤创建一个'Step'组件，然后判断是否为最后一个步骤，如果不是则在后面添加一个'div'。这样就可以在每个步骤后面加上一个'div'。

记得要在组件中引入'Steps'和'Step'组件，并根据需要设置'current'属性来指定当前步骤的索引。