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>

posted @ 2026-01-14 17:21  码磊姐姐  阅读(2)  评论(0)    收藏  举报