React DropdownButton问题和替代方案

Question

这个用于React Bootstrap的DropdownButton让我发疯。我有它工作，onSelect我正在触发一个获得所选项目的回调，没问题。

我看到的问题是，在悬停时，项目显示，但是当您尝试将鼠标移动到它们上时，鼠标会在下拉列表本身和项目之间的空间上移动，每次您关闭时，下拉列表都会关闭试着悬停并选择。您必须实际单击，然后选择哪个会让用户感到困惑。

同样在选择时，菜单保持打开状态，我可以使用状态操作并设置open属性。

我只是想知道当你将鼠标悬停在下拉列表上时是否有办法避免菜单关闭，如果没有，是否有任何替代方法可用于带有反应和/或引导程序的下拉列表？

修改

代码是ReactBootstrap网站的标准下拉按钮 -

<ButtonToolbar>
  <DropdownButton title="Default button" id="dropdown-size-medium">
    <MenuItem eventKey="1">Action</MenuItem>
    <MenuItem eventKey="2">Another action</MenuItem>
    <MenuItem eventKey="3">Something else here</MenuItem>
    <MenuItem divider />
    <MenuItem eventKey="4">Separated link</MenuItem>
  </DropdownButton>
</ButtonToolbar>