React container component (without HOC)

NavBar.js

class NavBar extends Component {
  constructor(props){
    super(props);
    this.state = {showMenu:false};
  }

  render(){
    const show = this.state.showMenu ? "show" : "";
    return( 
      <nav className="navbar navbar-expand-md navbar-dark bg-dark mb-4">
        <a className="navbar-brand" href="#">Top navbar</a>
        <__MenuToggleButton onToggle={this.toggle.bind(this)}/>
        <div className={`${show} collapse navbar-collapse`} id="navbarCollapse">
          <ul className="navbar-nav mr-auto">
            <li className="nav-item active">
              <a className="nav-link" href="#">Home <span className="sr-only">(current)</span></a>
            </li>
            <li className="nav-item">
              <a className="nav-link" href="#">Link</a>
            </li>
            <li className="nav-item">
              <a className="nav-link disabled" href="#">Disabled</a>
            </li>
          </ul>
        </div>
      </nav>
    )
  }

  toggle(){
    this.setState({showMenu:!this.state.showMenu});
  }
}

Related to my article