antd Tooltip内包裹SubMenu

Question

如题，想在移入SubMenud(一级标题)的时候出现Tooltip提示框，但是用Tooltip包裹SubMenud又无效，请问有什么解决办法

Answer 1

题主看一下antd的menu里面
这个label是可以传入dom，所以把tooltip放进去就可以了

import './App.css'
import { Menu, Tooltip  } from 'antd';
import { useState } from 'react';

const items = [
  {
    label: (<Tooltip placement="top" title="菜单1的提示">菜单1</Tooltip>),
    key: 'mail',
  },
  {
    label: '菜单2',
    key: 'SubMenu',
    children: [
      {
        type: 'group',
        label: (<Tooltip placement="top" title="菜单2-1的提示">菜单2-1</Tooltip>),
      },
      {
        type: 'group',
        label: '菜单2-2',
      },
    ],
  },
];

export default function App() {
  const [current, setCurrent] = useState('mail');
  const onClick = (e) => {
    console.log('click ', e);
    setCurrent(e.key);
  };
  return (
    <main>
      <Menu onClick={onClick} selectedKeys={[current]} mode="horizontal" items={items} />
    </main>
  )
}