Question

我已经在React-Bootstrap的NavDropdown组件中添加了一些CSS，以使其在悬停时扩展。但是，默认的单击展开行为会出现问题，因为您可以单击一个菜单将其切换为打开状态，然后将鼠标悬停在另一个菜单上，从而导致两个菜单立即展开。我已经在这里证明了这一点：https://codesandbox.io/s/61vjn41mzz

有没有办法禁用React-Bootstrap的NavDropdown附带的切换功能？我试过没有运气地打电话给event.PreventDefault()和event.stopPropogation()，您可以在代码沙箱中看到它们。

Answer 1

这是一篇很好的文章，可帮助我理解并解决此问题：https://medium.com/@ericclemmons/react-event-preventdefault-78c28c950e46

我最终使用了像这样的库“ react-native-listener”（在本文中引用）：

import { NavDropdown } from "react-bootstrap";
import NativeListener from 'react-native-listener';
.
.
.

<NativeListener stopClick>
    <NavDropdown title="Services">
    .
    .
    .
    .

    </NavDropdown>
</NativeListener>

React-Bootstrap的NavDropdown：禁用切换onClick吗？

1 个答案: