上下文:我有省略号的表格单元格,所以我想在标题上有一个工具提示。目前我正在使用Material UITooltip
。此外,由于有一个搜索选项,因此我使用荧光笔react-highlight-words来突出显示搜索词。
问题:使用 包装 Highlighter 组件时Tooltip
,工具提示没有像通常那样弹出。我改用了react-tooltip并且它有效。
下面是我要渲染的代码片段:-
<TableCell align="center">
<Tooltip title={title}>
<Highlighter highlightClassName="YourHighlightClass" searchWords={[searchValue]} autoEscape textToHighlight={title} />
</Tooltip>
寻求一些帮助如何使用 MUI 工具提示和荧光笔。
这是使用 react-tooltip 时的代码:
<TableCell align="center">
<span data-tip={title}>
<Highlighter highlightClassName="YourHighlightClass" searchWords={[searchValue]} autoEscape textToHighlight={title} />
<ReactTooltip delayShow={500} effect="solid" border={false}/>
</span>
</TableCell>