Eu comecei a construir minha interface do usuário usandoreact-bootstrap e agora há uma tarefa importante para eu criar o Menu Acordeão SideBar usando o padrãobootstrap componentes. eu encontreiesta exemplo que usapanel-group etable, mas acho que não é o melhor caminho, porquenav é melhor de maneira natural para os componentes de navegação.

Quero que meu código de menu do SideBar seja assim (react-bootstrap componente):

<Nav bsStyle="pills" stacked>
    <NavItem title="Item 1">
        <Nav bsStyle="pills" stacked>
            <NavItem title="Sub Item 1">Sub Item 1</NavItem>
            <NavItem title="Sub Item 2">Sub Item 2</NavItem>
            <NavItem title="Sub Item 3">Sub Item 3</NavItem>
        </Nav>
    </NavItem>
    <NavItem title="Item 2">Item 2</NavItem>
    <NavItem title="Item 3">Item 3</NavItem>
</Nav>

Alguma sugestão comreact-bootstrap ou apenasbootstrap será útil.