javascript - React-bootstrap 侧边栏

Question

我是新来的反应，并在我的项目中使用 react-bootstrap-sidebar。

我想要的是侧子栏菜单，例如 Report>MIS Report。我的报告

我正在使用的代码是这样的：

import {Navbar, Nav, NavItem, Button, Glyphicon} from 'react-bootstrap';
 
import React, {Component} from 'react';
 
import Sidebar from 'react-bootstrap-sidebar';
 
export default class Example extends Component {
 
    constructor(props) {
        super(props);
 
        this.state = {
          isVisible: false,
        };
    }
 
    updateModal(isVisible) {
        this.state.isVisible = isVisible;
      this.forceUpdate();
    }
 
    render() {
        return (
              <div>
                  <Button bsStyle="primary" onClick={ () => this.updateModal(true) }><Glyphicon glyph="menu-hamburger"/></Button>
                  <Sidebar side='left' isVisible={ this.state.isVisible } onHide={ () => this.updateModal(false) }>
                    <Nav>
                      <NavItem href="#">Link 1</NavItem>
                      <NavItem href="#">Link 2</NavItem>
                      <NavItem href="#">Link 3</NavItem>
                      <NavItem href="#">Link 4</NavItem>
                    </Nav>
                  </Sidebar>
              </div>
        );
    }
}
 

如何在此侧边栏中实现子菜单。

标签： javascriptreactjsreact-bootstrap