Event onClick on Each AccordionItem?

Is there a way to add an onClick event on each AccordionItem? I need to dispatch an action every time user click the AccordionItem. I’ve tried to add onClick event directly to the AccordionItem, but it doesn’t work. This is what I’ve tried so far

<AccordionItem
  title={`Room Details for ${this.props.nights} nights`}
  titleClassName="panel-heading"
  onClick={() => this.changeActiveForm('room-breakdown')}
>

[reyhansofian]

@psimyn it’s perfect! I can use this for sure. I know it’s still break-y, just let you know that it thrown an error if the activeItem is not a number

{[1, 'two', 3, 'four', 5].map((item) => {
...

When I click the AccordionItem that have a string index, it will throw an error

warning.js:44 Warning: Failed propType: Invalid prop `activeItems` supplied to `Accordion`. Check the render method of `Demo`.

[reyhansofian]

@psimyn great works! thanks a lot