accordion

accordion_react.js

class Tab extends React.Component {
  static propTypes = {
    active,
    title,
    children
  };
  
  render() {
    return ...
  }

}

class Accordion extends React.Component {
  static propTypes = {
    children: React.PropTypes.func,
  }
  render() {
    return this.props.children(Tab)
  }
}

// La ou tu as besoin du accordion
class MaPage extends React.Component {
  render() {
    return (
      <Accordion>
        {(AccordionTab) => {
          <AccordionTab title="Premier Tab" active={true}>
            Contenu premier tab
          </AccordionTab>
          
          <AccordionTab title="Second Tab">
            Contenu second tab
          </AccordionTab>
          
        })
      <Accordion>
    )
  }
}
}