سلام ببخشید سوالی داشتم
من 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>
);
}
به وحید خزاعی کمک کنید تا مشکل خودش را حل کند؛ اینطور میتوانیم با هم پیشرفت کنیم.
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟