antd toolTip 鼠标悬浮上去会出现[object object]如何解决

出现 [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 的地方。

相关问题

antd toolTip鼠标悬浮上去会出现[object object]如何结局

出现 [object Object] 的原因是因为在 Tooltip 组件中，它的 `title` 属性需要传入一个字符串类型的值，而你可能传入了一个对象类型的值。因此，需要将对象类型的值转换为字符串类型的值。

解决方法：

1. 将对象类型的值转换为字符串类型的值，可以使用 `JSON.stringify()` 方法将对象序列化为字符串。例如：

<Tooltip title={JSON.stringify(obj)}>...</Tooltip>

2. 或者，直接将对象的属性值拼接成字符串类型的值，例如：

<Tooltip title={`Name: ${obj.name}, Age: ${obj.age}`}>...</Tooltip>

这样就可以避免出现 [object Object] 的问题了。

antd toolTip 的title内容是一个ul,鼠标悬浮上去会出现[object object]如何解决

出现 `[object object]` 的原因是因为 `title` 属性只能接收字符串类型的值，而 `ul` 是一个 HTML 元素对象，所以需要将 `ul` 元素对象转换为字符串类型的值。

你可以使用 `ReactDOMServer.renderToString()` 方法将 `ul` 元素对象转换为字符串类型的值，然后将它赋值给 `title` 属性。

示例代码如下：

import { Tooltip } from 'antd';
import ReactDOMServer from 'react-dom/server';

const ul = (
  <ul>
    <li>item 1</li>
    <li>item 2</li>
  </ul>
);

const title = ReactDOMServer.renderToString(ul);

<Tooltip title={title}>Hover me</Tooltip>

这样就可以在 Tooltip 中正确显示 ul 元素对象的内容了。