index.js
import React, { Component ,Fragment} from 'react';
import { BrowserRouter, Route } from 'react-router-dom';
import ReactDOM from 'react-dom';
//Ant Design库组件
import 'antd/dist/antd.css';
import { Layout } from 'antd';
//网页组件
import AppHeader from './components/header/';
import List from './containers/List';
import Detail from './containers/Detail';
//css
import './style.css';
// import { List } from 'rc-field-form';
const { Header, Footer, Content } = Layout;
//路由
class App extends Component {
  render() {
    return (
      <Layout style={{ minWidth: 1300 }}>
        <Header className="header">
          <AppHeader />
        </Header>
        <Content className="content">
          <BrowserRouter>
            <Fragment>
              <Route path='/' component={List} />
              <React path='/detail' component={Detail} />
            </Fragment>

          </BrowserRouter>
        </Content>
        <Footer className="footer">Footer</Footer>
      </Layout>
    )
  }
}
ReactDOM.render(
  <App />,
  document.getElementById('root')
);

List.js
import React ,{Component} from 'react';
class List extends Component{
    render(){
        return <div>List</div>
    }
}
export default List;

​