Javascript 指定“document.body”作为材质ui工具提示的容器元素

问题：要显示从左侧指向元素（referenceEl）的工具提示。referenceEl位于一个宽度有限（60px）的容器内，并应用了

overflow:hidden

css道具。工具提示附加在其引用元素之后，因此它们在DOM中共享同一个容器。此结果工具提示部分显示

Bootstrap 4 Tooltip api提供了一个

容器

选项，其中可以指定

'body'

作为附加点的替代容器：

如何在react

材质中实现此功能-ui@beta

材料界面

使用的版本：

1.0.0-beta.31

工具提示参考：
工具提示演示页面：

引导工具提示实现部分：

mui工具提示渲染部分：

示例代码：

<Tooltip id="contacts-tooltip" 
         title={'contacts'} 
         placement={'right'} 
         enterDelay={300} leaveDelay={300}>
  <ListItem button 
            component={NavLink} 
            to={'/contacts'} 
            onClick={toggleDrawer(false)}
            className={classes._listItem} 
            activeClassName={classes._activeListItem}
  >
    <ListItemIcon>
      <People classes={{root: classes.iconRoot}}/>
    </ListItemIcon>
    <ListItemText primary={'Contacts'}/>
  </ListItem>
</Tooltip>

这在最新版本中是可能的：。请参阅工具提示PaperProps属性。

太棒了！感谢我没有尝试的后续操作，但基于文档，默认行为现在是移植