antd toolTip 鼠标悬浮上去会出现[object object]如何解决
时间: 2023-12-06 15:05:11 浏览: 241
使用CSS content的attr实现鼠标悬浮提示(tooltip)效果
出现 [object object] 的问题通常是因为 antd 的 Tooltip 组件中的 `title` 属性传入了一个对象而不是字符串。你可以尝试将 `title` 属性的值改为一个字符串,或者使用 `renderTitle` 属性来自定义 Tooltip 的内容,例如:
```
<Tooltip title={yourObject.toString()}>
<span>Hover me</span>
</Tooltip>
```
或者
```
<Tooltip
title={yourObject}
renderTitle={() => (
<div>
<p>{yourObject.someProperty}</p>
<p>{yourObject.anotherProperty}</p>
</div>
)}
>
<span>Hover me</span>
</Tooltip>
```
如果以上方法无效,还可以尝试升级 antd 版本或者检查你的代码中是否有其他不规范的使用 Tooltip 的地方。
阅读全文