Reactstrap -在NavLink上折叠导航栏仅在移动设备上单击

import { Collapse, Navbar, NavbarToggler, NavbarBrand, Nav, NavItem, NavLink } from 'reactstrap';
import 'bootstrap/dist/css/bootstrap.min.css';

state = {
  isOpen: false
};

toggleNavbar = () => {
  this.setState(prevState => ({
    isOpen: !prevState.isOpen
  }));
};

render() {
  return (
    <Navbar color="light" light expand="md">
      <NavbarBrand href="/">Your Brand</NavbarBrand>
      <NavbarToggler onClick={this.toggleNavbar} />
      <Collapse isOpen={this.state.isOpen} navbar>
        <Nav className="ml-auto" navbar>
          <NavItem>
            <NavLink href="/link1">Link 1</NavLink>
          </NavItem>
          <NavItem>
            <NavLink href="/link2">Link 2</NavLink>
          </NavItem>
          {/* 其他导航链接 */}
        </Nav>
      </Collapse>
    </Navbar>
  );
}