وحید خزاعی
1 سال پیش توسط وحید خزاعی مطرح شد
0 پاسخ

ارور در react-bootstrap

سلام ببخشید سوالی داشتم
من react-bootstrap رو نصب کردم ازش استفاده کردم ولی به ارور خوردم
بر اساس داکیومنت خود react-bootstrap رفتم جلو و از Navbar استفاده کردم
Navbar رو ایمپورت کردم از به عنوان کامپوننت ولی توی همین داکیومنتش از Navbar اینطور استفاده کرده بود <Navbar.Brand> .
به همین خطوط که به این شکل نوشته شده بود اشکال میگرفت .
رفتم توی پوشه node module و اون react-bootstrap رو پیدا کردم و پوشه بندی داخلش اینطوری بود که Navbar یک پوشه جدا بود و NavbarBrand یک پوشه جدای دیگه و دات (.) نداشت .
اینکه اینطور اسفاده کرده بود <Navbar.Brand> توی مستندات سایت خودش بود فکر نکنم اشتباه کنه و اینم بگم که فقط Navbar رو ایمپورت کرده بود دیگه NavbarBrand یا چیز دیگه ای ایمپورت نکرده بود.
و مطمین هستم ارور من بخاطر همین نقطه هست Navbar.Brand انگار داره از این کامپوننت بهش دسترسی پیدا میکنه ولی خب ارور میده .
میشه راهنماییم کنید؟

Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check your code at Header.jsx:23.
Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.```
```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 BasicExample() {
  return (
    <Navbar expand="lg" className="bg-body-tertiary">
      <Container>
        <Navbar.Brand>React-Bootstrap</Navbar.Brand>
        <Navbar.Toggle aria-controls="basic-navbar-nav" />
        <Navbar.Collapse id="basic-navbar-nav">
          <Nav className="me-auto">
            <Nav.Link>Home</Nav.Link>
            <Nav.Link>Link</Nav.Link>
            <NavDropdown title="Dropdown" id="basic-nav-dropdown">
              <NavDropdown.Item>Action</NavDropdown.Item>
              <NavDropdown.Item>
                Another action
              </NavDropdown.Item>
              <NavDropdown.Item>Something</NavDropdown.Item>
              <NavDropdown.Divider />
              <NavDropdown.Item>
                Separated link
              </NavDropdown.Item>
            </NavDropdown>
          </Nav>
        </Navbar.Collapse>
      </Container>
    </Navbar>
  );
}