Я перезапустил, используя React 18 и React-bootstrap, но я не понимаю ошибки, которую она дает мне. Ошибка: < /p>
react.jsx: тип недействителен-ожидается, что строка (для встроенных компонентов) или класс /функция (для составных компонентов ) но получил: неопределенное. Вы, вероятно, забыли экспортировать свой компонент из файла, в котором он определен, или вы могли смешать по умолчанию и назвать импорт. смысл для меня, так как я импортировал модули React-Bootstrap правильно, как ниже.
import React from 'react'
import {
Navbar,
Nav,
NavDropdown,
NavbarBrand,
NavbarToggle,
NavLink,
NavbarCollapse,
Container
} from 'react-bootstrap';
// Tried the imports as below but still giving me the type is invalid error
// import NavDropdown from 'react-bootstrap/NavDropdown';
// import Container from 'react-bootstrap/Container';
// import Nav from 'react-bootstrap/Nav';
console.log(Navbar)
const Navigation = () => {
return (
React-Bootstrap
Home
Link
// Complains on NavDropdowon.Item
Action
Another action
Something
Separated link
)
}
export default Navigation;
< /code>
Я заключаю, что ему не нравится. Это происходит после (Ex: Navdropdown.item). Я вижу в документации, что не должно быть проблем с использованием этого синтаксиса. Как мне это исправить или что мне не хватает на импорте?
Подробнее здесь: https://stackoverflow.com/questions/794 ... is-invalid
