React 内的下拉菜单 bootstrap 可折叠面板 header

Question

我正在使用 React bootstrap。

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

这是我使用的面板代码：

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

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

Answer 1

你应该检查 Controlled PanelGroups 例子，Panels 和 PanelGroups 都有一个 onSelect 你可以插入的道具。