路由设置报错，不能切换地址

# 具体遇到的问题
​控制台报错

Warning: Failed prop type: Invalid prop 'component' supplied to 'Route': the prop is not a valid React component

# 报错信息的截图

切换地址后报出下面错误
# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

在这里输入代码，可

import React, { Component } from 'react';

import ReactDOM from 'react-dom';

import { BrowserRouter as Router, Route } from 'react-router-dom';

import AppHeader from './components/Header/index';

import List from './containers/List/';

import Detail from './containers/Detail/';

import { Layout } from 'antd';

import 'antd/dist/antd.css';

import './style.css'

const { Header, Footer, Content } = Layout;

class App extends Component {

  

  render() {

    return (

      <Layout style={{ minWidth: 1300 }}>

        <Header className="header">

          <AppHeader />

        </Header>

        <Content className="content">

          <Router>

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

            <Route path="/detail" component={Detail} />

          </Router>

        </Content>

        <Footer className="footer">Footer</Footer>

      </Layout>

    )

  }

}

ReactDOM.render(<App />, document.getElementById('root'));

通过选择【代码语言】突出显示