材质UI工具提示未在嵌套组件上呈现

Question

沙盒：https://codesandbox.io/s/react-nested-tooltip-9702e?file=/src/index.js

第二个头像出现工具提示，但第一个头像不显示。如何获得它的第一个？

我想将工具提示组件嵌套在另一个组件中，我认为问题出在转发引用，但是我不知道在哪里。

Answer 1

用span或div包裹图标，也可以是p

<Tooltip title={displayText} placement="top">
  <span>
    <SupportingIcon />
  </span>
</Tooltip>

code