Select嵌套ToolTip时,ToolTip的位置没有浮动在下拉列表外部怎么办
react select组件嵌套tooltip组件时,tooltip的内容会在下拉列表内部,并没有浮动在列表外部,不符合预期。在ToolTip加这两个属性就能解决:
overlayStyle,getPopupContainer
<Select>
{
selectList?.map((item:any)=>{
return <Option key={item.value} value={item.value}>
<ToolTip
overlayStyle={{ maxWidth: 'none', whiteSpace: 'pre-wrap' }}
getPopupContainer={() => document.body}
>
{item.value}
</ToolTip>
<Option>
})
}
</Select>
点个赞吧

浙公网安备 33010602011771号