react bootstrap可折叠面板标题内的下拉菜单

Question

我正在使用 react bootstrap。

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

这是我使用的面板代码：

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

我本质上想在面板标题中创建一个操作菜单，但是在其中放置任何内容并单击它，新按钮总是会触发面板折叠

Answer 1

您应该检查 Controlled PanelGroups 示例，Panels 和 PanelGroups 都有一个可以插入的 onSelect 属性。