解决Ant Design Popover组件 气泡箭头与目标元素对齐
修复前:
☝️ popover在!icon同级的标签下,icon相当于目标元素
👇 但是popover元素并不在body当中,所以无法使用position
解决方法:
加上align = {{ offset: [20, 3] }} ,偏移量按实际调整即可
<Popover
align={{
offset: [20, 3]
}}
open={openWarning}
overlayClassName="weatherPopover"
placement="bottomRight"
trigger="click"
// ……其他参数就不一一列举了
>
</Popover>
修复后: