Shure、ここにReact Navbarコンポーネントがあります。
`` `
「React-Bootstrap/Container」からコンテナを輸入します。
「React-Bootstrap/Nav」からNAVをインポートします。
「React-Bootstrap/Navbar」からNavbarをインポートします。
「React-Bootstrap/Navdropdown」からNavDropdownをインポートします。

関数createnavbar（）{
  戻る （
    <navbar bg = "light" Expand = "lg">
      <container>
        <navbar.brand href = "＃home"> race-bootstrap </navbar.brand>
        <navbar.toggle aria-controls = "Basic-navbar-nav" />
        <navbar.collapse id = "Basic-navbar-nav">
          <nav classname = "me-auto">
            <nav.link href = "＃home"> home </nav.link>
            <nav.link href = "＃link"> link </nav.link>
            <navdropdown title = "dropdown" id = "Basic-nav-dropdown">
              <navdropdown.item href = "＃action/3.1"> action </navdropdown.item>
              <navdropdown.item href = "＃action/3.2">別のアクション</navdropdown.item>
              <navdropdown.item href = "＃action/3.3">何か</navdropdown.item>
              <navdropdown.divider />
               <navdropdown.item href = "＃action/3.4">
                分離リンク
              </navdropdown.item>
            </navdropdown>
          </nav>
        </navbar.collapse>
      </container>
    </navbar>
  ）;
}

デフォルトのcreatenavbarをエクスポートします。
`` `
Shure, here is a react navbar component.
```
import Container from 'react-bootstrap/Container';
import Nav from 'react-bootstrap/Nav';
import Navbar from 'react-bootstrap/Navbar';
import NavDropdown from 'react-bootstrap/NavDropdown';

function CreateNavbar() {
  return (
    <Navbar bg="light" expand="lg">
      <Container>
        <Navbar.Brand href="#home">React-Bootstrap</Navbar.Brand>
        <Navbar.Toggle aria-controls="basic-navbar-nav" />
        <Navbar.Collapse id="basic-navbar-nav">
          <Nav className="me-auto">
            <Nav.Link href="#home">Home</Nav.Link>
            <Nav.Link href="#link">Link</Nav.Link>
            <NavDropdown title="Dropdown" id="basic-nav-dropdown">
              <NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item>
              <NavDropdown.Item href="#action/3.2">Another action</NavDropdown.Item>
              <NavDropdown.Item href="#action/3.3">Something</NavDropdown.Item>
              <NavDropdown.Divider />
               <NavDropdown.Item href="#action/3.4">
                Separated link
              </NavDropdown.Item>
            </NavDropdown>
          </Nav>
        </Navbar.Collapse>
      </Container>
    </Navbar>
  );
}

export default CreateNavbar; 
```