Javascript 更新:antd工具提示和导航菜单工具提示鼠标悬停时闪烁
我们在应用程序中使用了(一个react组件库),并使用了大量的工具提示、菜单和导航菜单组件,这些组件工作得非常好。然而,我们注意到应用程序中的所有工具提示都会在鼠标悬停时闪烁,这似乎有问题 下面是侧菜单的代码片段强>Javascript 更新:antd工具提示和导航菜单工具提示鼠标悬停时闪烁,javascript,reactjs,antd,Javascript,Reactjs,Antd,我们在应用程序中使用了(一个react组件库),并使用了大量的工具提示、菜单和导航菜单组件,这些组件工作得非常好。然而,我们注意到应用程序中的所有工具提示都会在鼠标悬停时闪烁,这似乎有问题 下面是侧菜单的代码片段 <Sider defaultCollapsed className='sidebar'> <Menu theme='dark' mode='vertical' className='sidebar-menu' selectedKeys={[selectedk
<Sider defaultCollapsed className='sidebar'>
<Menu theme='dark' mode='vertical' className='sidebar-menu' selectedKeys={[selectedkey]}>
<ItemGroup>
<MenuDivider />
<MenuItem key="scanbot">
<Icon component={() => <ScanbotIcon />}/>
<span>Scanbot</span>
</MenuItem>
<MenuItem key="file">
<Icon component={() => <FileIcon />}/>
<span>File</span>
</MenuItem>
</ItemGroup>
<ItemGroup>
<MenuDivider />
<MenuItem key="questions">
<Icon component={() => <ResourcesIcon />}/>
<span>Resources</span>
</MenuItem>
</ItemGroup>
</Menu>
</Sider>
}/>
扫描机器人
}/>
文件
}/>
资源
这里是工具提示组件的代码片段强>
<Tooltip title="info">
<span><Icon type="info-circle"/></span>
</Tooltip>
我试过:
- 将Ant Design的版本更新为最新版本
- 在组件上启用指针事件样式
- 在不同浏览器(Chrome、Opera和Mozilla firefox)上运行应用程序
这可能是一个事件冒泡问题,如果是这样的话,鉴于我们正在使用antd,我该如何防止它?我们需要一些代码、工具版本和尽可能多的部署/生产信息。可能是您更改“鼠标悬停”状态并创建大量的重播