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>}
                 />

蚂蚁设计中的弹出式窗口

1 个答案: