render()

in source/console/src/App.js [71:126]


  render() {
    return (
      <div>
        <Router>
          <Navbar color="dark" dark fixed="top" expand="md">
            <NavbarBrand href="/"> <FontAwesomeIcon icon={faAws} size="lg" color="#FF9900" id="logo" /> 分布式压测平台 </NavbarBrand>
            <NavbarToggler onClick={this.toggleNavbar} className="mr-2" />
            <Collapse isOpen={!this.state.collapsed} navbar>
              <Nav className="mr-auto" navbar>
                <NavItem>
                  <Link to={'/dashboard'} className="nav-link" id="dashboard">
                    <FontAwesomeIcon id="icon" icon={faBars} /> 控制面板
                  </Link>
                </NavItem>
                <NavItem>
                  <Link to= {{
                        pathname:"/create",
                        state:{ data:{}}
                        }}
                        className="nav-link"
                        id="createTest"
                  >
                    <FontAwesomeIcon id="icon" icon={faPlusSquare} /> 创建测试
                  </Link>
                </NavItem>
              </Nav>
              <Nav className="ml-auto" navbar>
                <NavItem>
                  <Link to="" onClick={this.signOut} className="nav-link" id="signOut">
                    <FontAwesomeIcon id="icon" icon={faSignOutAlt} /> 账户登出
                  </Link>
                </NavItem>
              </Nav>
            </Collapse>
          </Navbar>

          <div className="main">
            <Switch>
              <Route path="/" exact component={Dashboard} />
              <Route path="/dashboard" exact component={Dashboard} />
              <Route path="/create/" component={Create} />
              <Route path="/details/" component={Details} />
              <Route component={this.noMatch} />
            </Switch>
            <div className="footer">
              <p>需要更多帮助请参阅 <a className="text-link" href="https://aws.amazon.com/solutions/distributed-load-testing-on-aws/"
                 target="_blank"
                 rel="noopener noreferrer">
                  solution home page <FontAwesomeIcon size="sm" icon={faExternalLinkAlt}/>
              </a></p>
            </div>
          </div>
        </Router>
      </div>
    )
  }