在React引导中单击Dropdown.Item后防止关闭
在React引导中单击Dropdown.Item后防止关闭
提问于 2020-08-07 22:57:47
当我单击Dropdown.Item时，Dropdown.Menu会隐藏。我想要防止这种情况，即单击Dropdown.Menu后保持打开，，只有在 Dropdown 之外有单击时才关闭。我发现了类似的问题，但在最初的引导中使用jQuery。如何在react引导中实现这一点？谢谢
////
<Dropdown.Menu>
<Dropdown.Item>- Pending</Dropdown.Item>
<Dropdown.Item>- Completed</Dropdown.Item>
<Dropdown.Item>- Cancelled</Dropdown.Item>
</Dropdown.Menu>
////回答 4
Stack Overflow用户
发布于 2020-11-03 14:42:58
您可以使用下拉的显示支柱。使用它，您可以手动隐藏并显示下拉列表。
因此，我所做的就是在下拉元素中添加下拉道具状态变量，然后使用onToggle函数在特定条件下隐藏并显示下拉列表。
<Dropdown {...this.state.dropdownProps} onToggle={(isOpen, event) => this.onToggleFunction(isOpen, event)} />Stack Overflow用户
发布于 2021-07-12 13:17:03
试试这个：
const [isShown, setIsShown] = useState(false);
const onToggleHandler = (isOpen, e, metadata) => {
if (metadata.source != 'select') {
setIsOpen(isOpen);
}
}
<Dropdown
show={isShown}
onToggle={(isOpen, e, metadata) => onToggleHandler(isOpen, e, metadata)}
>*onSelect方法可以正常使用
Stack Overflow用户
发布于 2022-02-14 20:40:58
将autoClose="inside"添加到下拉组件中。
默认情况下，当选择菜单项或单击下拉菜单外部时，下拉菜单将关闭。可以使用autoClose属性更改此行为。
默认情况下，autoClose设置为默认值true，其行为与预期相同。通过选择false，下拉菜单只能通过单击下拉按钮进行切换。内部只通过选择菜单项使下拉菜单消失，外部只通过单击“外部”关闭下拉菜单。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63310111
复制相关文章
相似问题
腾讯云开发者
