如题,想在移入SubMenud(一级标题)的时候出现Tooltip提示框,但是用Tooltip包裹SubMenud又无效,请问有什么解决办法
题主看一下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>
)
}