По какой-то причине я получаю ошибку, связанную с рендерингом одного из моих компонентов.Ошибка говорит:
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. 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 the render method of `Home`.
▶ 30 stack frames were collapsed.
./src/index.js
src/index.js:22
19 | }
20 | }
21 |
> 22 | ReactDOM.render(
23 | <App />,
24 | document.getElementById('root')
25 | );
Вот мой файл home.js
import React, { Component } from 'react';
import Header from './components/Header/Header';
import Form from './components/Form/Form';
import NewMovies from './components/NewMovies/NewMovies';
class Home extends Component {
render() {
return(
<div className="container">
<Header />
<Form />
<NewMovies />
</div>
);
}
}
export default Home;
, а вот мой index.js
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter, Switch, Route} from 'react-router-dom';
import Home from './home';
import Movie from './components/Movie/Movie';
import './index.css';
class App extends Component {
render() {
console.log('Made by Shahram');
return(
<BrowserRouter>
<Switch>
<Route path="/" component={Home} />
<Route path="/movie/:id" component={Movie} />
</Switch>
</BrowserRouter>
);
}
}
ReactDOM.render(
<App />,
document.getElementById('root')
);
package.json
{
"name": "movies-with-react",
"version": "0.1.0",
"private": true,
"dependencies": {
"react": "^16.4.0",
"react-dom": "^16.4.0",
"react-scripts": "1.1.4"
},
home.js и index.js находятся на одном уровне в папке src моего приложения.Если бы кто-нибудь мог помочь мне с этим, я был бы очень признателен!