#javascript #reactjs
Вопрос:
У меня были некоторые проблемы с этим кодом, и, похоже, я не могу его исправить. Я был бы признателен за любую помощь.
Ошибка:
Ошибка: Недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс/функция (для составных компонентов), но получено: объект. Скорее всего, вы забыли экспортировать свой компонент из файла, в котором он определен, или вы, возможно, перепутали импорт по умолчанию и именованный импорт.
Check the render method of `App`.
Это мое index.js код:
import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import './index.css';
import App from './App';
ReactDOM.render((
<BrowserRouter>
<App />
</BrowserRouter>
), document.getElementById('root'));
И мой App.js:
import { Route } from 'react-router-dom';
import AllMeetupsPage from './pages/AllMeetups';
import NewMeetupPage from './pages/NewMeetup';
import FavoritesPage from './pages/Favorites';
function App() {
return (
<div>
<Route path='/' exact>
<AllMeetupsPage />
</Route>
<Route path='/new-meetup'>
<NewMeetupPage />
</Route>
<Route path='/favoriters'>
<FavoritesPage />
</Route>
</div>
);
}
export default App
Комментарии:
1. Вам нужно показать, как вы экспортируете все свои страницы, как указано в сообщении об ошибке
2. его функция и => имя страницы экспорта по умолчанию;
3. Отредактируйте свой фактический вопрос, похоже, что это не функция