Javascript 如何使用popover描述显示数字而不是点

我在

antd

steps in（点样式）中显示数据，悬停点时，我使用react在Popover中显示数据。代码运行良好。当我添加更多的步骤时，它看起来很笨拙。这是工作代码，请给我一个关于如何用数字代替圆点的建议。在悬停数字（代替点）时，我们将在Popover中显示数据

类应用程序扩展组件{
建造师（道具）{
超级（道具）；
此.state={
步骤：[
{名称：“开始”，日期时间：“2019年8月5日下午12:30”}，
{
名称：“RTC复合体（拾取）”，
日期时间：“下午12:40-下午12:50分钟”
},
{
名称：“Kailasagiri绳道（下降）”，
日期时间：“下午2:04-下午2:50 46分钟”
},
{名称：“结束”，日期时间：“2019年8月4日下午5:30”}
]
};
}
render（）{
常量自定义点=（点，道具）=>{
const{description，title，index}=props；
如果（说明）{
返回(
{dot}
);
}
返回点；
};
返回(
自定义点（点，属性）}
当前={0}
>
{this.state.steps.map（（步骤，索引）=>(
))}
);
}
}

---

这是我的工作代码沙盒示例的链接

您需要使用

步骤的
图标
属性。步骤

同时调整

Popover的
位置
属性

这是因为您试图使用
Popover
执行“自定义”步骤

类应用程序扩展组件{
状态={
步骤：[……]
};
render（）{
返回(
{this.state.steps.map（（步骤，索引）=>(
))}
);
}
}

请您帮助我渲染没有名称和描述的步骤，但当我们悬停数字时，我们会在popover中显示名称和描述。因此，请删除标题和描述。。。基本的