使用ReactJS/Reactstrap单击DropdownMenu和DropdownItem

我想要一个带有dropdownItem的下拉菜单

当我点击一个项目时，它会显示ref项目

但实际上，当我点击时，什么也没发生

切换功能：处理下拉列表

handleClick：应该打印我的事件参考，但它从未抛出

我所做的：（我自愿删除了一些代码，以保留问题的目的，this.props.currentEvents已被很好地填充）

class DefaultHeader扩展组件{
建造师（道具）{
超级（道具）；
this.toggle=this.toggle.bind（this）；
此.state={
dropdownOpen:false，
selectedEvents：“选择您的活动”，
};
}
切换（）{
这是我的国家({
dropdownOpen:！this.state.dropdownOpen
});
}
handleClick=（eventRef，name）=>{
日志（'toogle event ref'，eventRef'）；
this.setState（{selectedEvents:name，selectedEventsID:eventRef}）；
}
render（）{
const{children，…attributes}=this.props；
返回(
{this.state.selectedEvents}
{this.props.currentEvents.map（（事件，索引）=>
{event.name}
): (
你目前没有管理任何活动
)
);
}
}

我已经使用过类似这样的onClick函数，它可以工作，但是对于dropdownMenu，它不工作，看起来该函数从未调用过，或者调用了toggle而不是onClickHandle（）

有什么建议吗？

我也有同样的问题。 我的解决方案如下

              <DropdownItem onClick={this.handleClick.bind(this,event.eventRef, event.name)}>{event.name}</DropdownItem>

{event.name}

反而

              <DropdownItem onClick={() => this.handleClick.bind(this,event.eventRef, event.name)}>{event.name}</DropdownItem>

this.handleClick.bind（this，event.eventRef，event.name）}>{event.name}

我也有同样的问题。 当您使用

下拉菜单

包装

DropItem

s时，您应该传递如下容器道具：

<DropdownMenu container="body">

---

希望这能帮助其他有同样问题的人。

为了澄清这一点，问题是handleClick从未被调用，console.log（'toogle event ref'，eventRef'）；从来没有出现过，对吧？没错，但我已经用过像这样的onClick函数来传递参数，它可以工作，但是用这个下拉菜单，没有。我想切换函数会干扰它

<DropdownMenu container="body">