在Ant Design（Antd）中，可以使用Tooltip组件来实现长选项的合适工具提示。

首先，需要安装Ant Design和React：

npm install antd react

然后，可以使用以下代码示例来创建一个Tooltip组件，并将其应用于长选项：

import React from 'react';
import { Tooltip } from 'antd';

const LongOptionTooltip = ({ option }) => {
  if (option.length > 10) {
    return (
      
        {`${option.substring(0, 10)}...`}
      
    );
  }
  return {option};
};

export default LongOptionTooltip;

在上面的代码中，我们首先检查选项的长度是否超过10个字符。如果超过了，就使用Tooltip组件来显示完整的选项，并在鼠标悬停时显示完整内容。否则，直接显示选项的内容。

然后，你可以在你的应用程序中使用这个组件，例如：

import React from 'react';
import LongOptionTooltip from './LongOptionTooltip';

const options = ['Option 1', 'Option 2', 'Very long option that needs tooltip'];

const App = () => {
  return (
    

      {options.map((option) => (
        
      ))}
    
  );
};

export default App;

在上面的代码中，我们使用了一个options数组来展示选项。我们将每个选项都传递给LongOptionTooltip组件，并将其渲染到页面上。

这样，当选项的长度超过10个字符时，它们将显示一个Tooltip，当鼠标悬停在选项上时，将显示完整的内容。

请注意，上述代码示例中的Tooltip只是Antd中Tooltip组件的一种用法方式，你可以根据自己的需求进行定制和样式调整。