是否可以在 Material UI Tooltip 中添加图标？

Question

这是我的代码。我尝试在工具提示的标题属性中使用材质图标（PhoneInTalk）。但我的流程似乎不起作用。这是我的输出： 在此处输入图像描述

//@material-ui/core/styles
const CustomTooltip = withStyles({
  tooltip: {
    color: "tomato",
    backgroundColor: "black",
    fontWeight: "bold",
    fontSize: "12px",
  },
})(Tooltip);

//JSX
<CustomTooltip
        title={`${(<PhoneInTalk />)} Let's talk`}
        placement="top-end"
        arrow
        >
<Avatar className={classes.avatar} src={avatar} alt="Ibrahim Kaiser" />
</CustomTooltip>

Answer 1

尝试将图标和文本包含在片段中。

<CustomTooltip
    title={<><PhoneInTalk /> Let's talk</>}
    placement="top-end"
    arrow
>

检查此示例沙箱链接