Постоянно получаю ошибку рендеринга в приложении React, связанном с React.DOM и одним из моих компонентов - PullRequest
0 голосов
/ 13 июня 2018

По какой-то причине я получаю ошибку, связанную с рендерингом одного из моих компонентов.Ошибка говорит:

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 моего приложения.Если бы кто-нибудь мог помочь мне с этим, я был бы очень признателен!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...