reactjs - Reactstrap：了解箭头函数和导航栏对齐

Question

我有一个小问题。

1）。在 Reactstrap Navbar 的示例代码中，navbar 类现在是一个箭头函数（我从哪里了解这个？）。

2）。当我编译我的代码时，标签基本上附加到标题左上角的标签上，而不是放在导航栏的右上角（我该如何解决这个问题？）。

const TopNav = (props) => {
    const [isOpen, setIsOpen] = useState(false);

    const toggle = () => setIsOpen(!isOpen);

    return (
      <div>
        <Navbar color="light" light expand="md">
          <NavbarBrand href="/">flying car dealership</NavbarBrand>
          <NavbarToggler onClick={toggle} />

          <Collapse isOpen={isOpen} navbar>
            <Nav className="mr-auto" navbar>
              <NavItem>
                <NavLink href="/">Home</NavLink>
              </NavItem>

              <UncontrolledDropdown nav inNavbar>
                <DropdownToggle nav caret>
                  Flying Cars
                </DropdownToggle>
                <DropdownMenu right>
                  <DropdownItem>
                    Option 1
                  </DropdownItem>
                  <DropdownItem>
                    Option 2
                  </DropdownItem>
                  <DropdownItem divider />
                  <DropdownItem>
                    Reset
                  </DropdownItem>
                </DropdownMenu>
              </UncontrolledDropdown>

              <NavItem>
                <NavLink href='/find-a-dealer'>Find A Dealer</NavLink>  
              </NavItem>
              <NavItem>
                  <NavLink href='/build-and-price'>Build And Price</NavLink>
              </NavItem>

            </Nav>
          </Collapse>
        </Navbar>
      </div>
    );
  }

谢谢你！！！

标签： reactjsreact-bootstrapreactstrap