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

如果鼠标悬浮在 `Tooltip` 上时，既要正确显示 `ul` 元素对象的内容，又要避免出现 `[object object]`，你可以通过在 `Tooltip` 的 `onVisibleChange` 属性中动态设置 `title` 属性来实现。

具体做法是，在 `Tooltip` 的 `onVisibleChange` 回调函数中，判断 `visible` 参数的值是否为 `true`，如果是，则将 `ul` 元素对象转换为字符串类型的值，并将它赋值给 `title` 属性；如果不是，则将 `title` 属性的值设置为空字符串。

示例代码如下：

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

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

const TooltipWithUlTitle = () => {
  const [title, setTitle] = useState('');

  const handleVisibleChange = (visible) => {
    if (visible) {
      setTitle(ReactDOMServer.renderToString(ul));
    } else {
      setTitle('');
    }
  };

  return (
    <Tooltip title={title} onVisibleChange={handleVisibleChange}>
      Hover me
    </Tooltip>
  );
};

这样，当鼠标悬浮在 `Tooltip` 上时，就会正确显示 `ul` 元素对象的内容，而不会出现 `[object object]`。