如何在React Bootstrap上将函数附加到Dropdown.Toggle？
如何在React Bootstrap上将函数附加到Dropdown.Toggle？
提问于 2020-06-26 22:55:10
当我的React Bootstrap Dropdown.Toggle被点击时，我正在尝试执行一个函数。
我尝试添加onClick，如下所示，但这完全破坏了下拉功能，并且在点击时不会显示下拉菜单：
<Dropdown>
<Dropdown.Toggle variant="success" id="dropdown-basic" onClick={myFunction}>
Dropdown Button
</Dropdown.Toggle>
<Dropdown.Menu>
<Dropdown.Item href="#/action-1">Action</Dropdown.Item>
<Dropdown.Item href="#/action-2">Another action</Dropdown.Item>
<Dropdown.Item href="#/action-3">Something else</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>有没有办法保留切换的原始功能，并在单击时仍然执行其他功能？
回答 2
Stack Overflow用户
发布于 2020-06-27 00:09:15
看起来你正在覆盖内置的onClick，也许你可以在Dropdown上附加事件侦听器，并检查它是否是由按钮触发的。
<Dropdown
onClick={e => {
if (e.target.id === "dropdown-basic") {
//do something
}
}}
>
<Dropdown.Toggle variant="success" id="dropdown-basic">
Dropdown Button
</Dropdown.Toggle>
<Dropdown.Menu>
<Dropdown.Item href="#/action-1">Action</Dropdown.Item>
<Dropdown.Item href="#/action-2">Another action</Dropdown.Item>
<Dropdown.Item href="#/action-3">Something else</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
Stack Overflow用户
发布于 2020-06-27 01:00:25
在调用myFunction时，您可能希望使用箭头函数。
<Dropdown.Toggle variant="success" id="dropdown-basic" onClick={(e) => this.myFunction(e)}>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62597426
复制相关文章
相似问题
腾讯云开发者
