React Router v4 使用 写个基础报错了

Question

问题描述

最基本的index.js 到App.jsx 写完就报错

相关代码

index.js文件

import React from 'react';
import ReactDOM from 'react-dom';
import { HashRouter as Router } from 'react-router-dom'
import App from './components/App'
ReactDOM.render((
      <Router >
           <App/>
      </Router>
), document.getElementById('root'));

App.jsx文件

import React, {Component} from 'react';

import { Link, Route, Switch } from 'react-router-dom';

import Header from './main/header'
import Login from './main/login'
import Container from './main/container'
import Footer from './main/footer'

import '../componentCss/pc.css'
class App extends Component {
  render() {
    return (
      <div>

        <Header></Header>
          <Switch>
            <Route path="/" component={<Container/>}></Route>
            <Route path="/login" component={<Login/>}></Route>
          </Switch>
        <Footer></Footer>
      </div>
    );
  }
}

export default App;

结果报错
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

Check the render method of Route.

我哪里写错了吗？？

Answer 1

<Route path="/" component={Container}></Route>