javascript - Ant Design 中的弹出框

Question

是否有可能让弹出框在 Ant Design 中的某个步骤上工作？

我正在尝试使用这个：

<Steps direction="horizontal" style={{ marginTop: "20px"}}>
            <Popover 
                placement="topLeft" 
                title={<span>Initialised</span>} 
                content={<React.Fragment><Paragraph><Text>Test</Text></Paragraph></React.Fragment>} 
                trigger="hover"
            >
                <Step 
                    status="initialised" 
                    title="Initialised" 
                    description="." 
                />
            </

Popover>    

不会生成错误并且页面会呈现，但悬停时无法显示弹出框。

Answer 1

在组件中使用图标道具并用组件包装

                <Step 
                    status="initialised" 
                    title="Initialised" 
                    description="." 
                    icon={<Popover placement="topLeft" 
                                   title={<span>Initialised</span>} 
                                   content={<React.Fragment><Paragraph><Text>Test</Text></Paragraph></React.Fragment>} 
                                   trigger="hover">
                          <Icon type="user"/></Popover> 
                          </Popover>}
                 />