Twitter bootstrap react引导折叠面板标题内的下拉菜单

我正在使用react引导

我正在使用库中的可折叠面板，想知道是否有一种方法可以将下拉菜单添加到面板标题，而不触发面板折叠事件

这是我使用的面板代码：

<Panel
   header={<label htmlFor={ro.id}>{ro.slug}</label>}
   collapsible
   defaultExpanded={true}
   bsStyle={"primary"}
 >
   {storyList}
</Panel>

{故事列表}

---

我基本上想在面板标题中创建一个操作菜单，但在其中放置任何东西并单击“新建”按钮时，总是会触发面板折叠，您应该检查示例，

Panel

s和

PanelGroup

s都有一个可以插入的

onSelect

道具。

对不起，我太天真了，我不明白这些面板是如何解决我的问题的。普通面板在内部保持折叠状态，您没有折叠事件的回调。如果使用受控面板，则可以在自己的组件中保持折叠状态，并且将有一个onSelect处理程序，可以在其中检查单击的项。如果事件目标是下拉列表，则可以选择不更改面板的折叠状态。