Reactstrap이있는 기본 축소 형 Navbar를 사용하는 방법은 무엇입니까?

Question

노드 응용 프로그램에서 부트 스트랩 4의 반응 스트랩을 사용하고 있습니다. 그것의 나의 처음과 나는 조금의 도움이 필요하다. 내비게이션 막대가 화면 크기에 관계없이 항상 축소되도록하려면 어떻게해야합니까? 이 도움이 될

class App extends Component { 
    constructor(props) { 
    super(props); 

    this.toggle = this.toggle.bind(this); 
    this.state = { 
     isOpen: false 
    }; 
    } 
    toggle() { 
    this.setState({ 
     isOpen: !this.state.isOpen 
    }); 

render() { 
return (
<Navbar color="inverse" inverse toggleable> 
      <NavbarToggler right onClick={this.toggle} /> 
      <NavbarBrand href="/">reactstrap</NavbarBrand> 
      <Collapse isOpen={this.state.isOpen} navbar> 
      <Nav className="ml-auto" navbar> 
       <NavItem> 
       <NavLink href="/components/">Components</NavLink> 
       </NavItem> 
       <NavItem> 
       <NavLink href="https://github.com/reactstrap/reactstrap">Github</NavLink> 
       </NavItem> 
      </Nav> 
      </Collapse> 
     </Navbar> 
)} 

Answer 1

: 여기 reactstrap의 GitHub의 페이지에서 예제 코드입니다.

설명서에 예제가 있습니다. https://reactstrap.github.io/components/navbar/

렌더링() { 리턴 ( reactstrap 구성 요소 Github에서 );