Tooltip组件中的text是html元素，鼠标移动上去会出现【object，object】如何解决

如果Tooltip组件的text值是一个HTML元素，那么需要将它转换为字符串并用`dangerouslySetInnerHTML`属性传递给Tooltip组件的title属性。

例如，如果你想将一个`<div>`元素作为Tooltip的文本，可以这样写：

const tooltipText = '<div>这是一个HTML元素</div>';

<Tooltip title={{ dangerouslySetInnerHTML: { __html: tooltipText } }}>
  <Button>Hover me</Button>
</Tooltip>

上面的代码中，我们使用了`dangerouslySetInnerHTML`属性将HTML元素转换为字符串，并将其传递给了Tooltip组件的title属性。这样，当鼠标移动到按钮上时，Tooltip就会显示HTML元素。

需要注意的是，因为`dangerouslySetInnerHTML`属性有安全风险，所以在使用时需要非常小心，避免将恶意代码注入到页面中。

相关问题

Tooltip组件中的text是Ul，鼠标移动上去会出现【object，object】如何解决

这种情况一般是因为传入Tooltip组件的text值是一个对象，而不是字符串。可以通过将对象转为字符串来解决这个问题，例如使用JSON.stringify()方法：

<Tooltip title={JSON.stringify({foo: 'bar'})}>
  <Button>Hover me</Button>
</Tooltip>

上面的例子中，将一个对象 `{foo: 'bar'}` 转为字符串后传入了Tooltip组件的title属性中。这样当鼠标移动到按钮上时，Tooltip就会显示字符串 `{"foo":"bar"}`。

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