раскрывающееся меню внутри заголовка сворачиваемой панели response bootstrap

Я использую реактивную загрузку.

Я использую складные панели из библиотеки и хочу знать, есть ли способ добавить раскрывающееся меню в заголовок панели, не вызывая события свертывания панели.

это код панели, который я использую:

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

По сути, я хочу создать меню действий в заголовке панели, но помещая туда что-нибудь и нажимая на нее, новая кнопка всегда вызывает сворачивание панели


reactjs twitter-bootstrap react-bootstrap
person chinds    schedule 24.02.2016    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы должны проверить пример Controlled PanelGroups, и Panels, и PanelGroups имеют свойство onSelect вы можете подключиться.

person frontsideair    schedule 24.02.2016
comment
Извините, но, будучи наивным, я не понимаю, как эти панели могут решить мою ситуацию. - person chinds; 25.02.2016
comment
Обычные панели сохраняют свернутое состояние внутри, и у вас нет обратного вызова для событий свертывания. Если вы используете управляемую панель, вы можете сохранить свернутое состояние в своем собственном компоненте, и у вас будет обработчик onSelect, в котором вы можете проверить выбранный элемент. Если целью события является раскрывающийся список, вы можете не изменять свернутое состояние панели. - person frontsideair; 26.02.2016