Reactjs 反应路由器dom链接标记不工作

我是个新来的人。我正在尝试使用react router dom（v.4.0.0）实现基本路由，但我无法使链接标记正常工作。URL会更改，但链接到的组件不会呈现。控制台中没有错误。任何帮助都将不胜感激

这是我的密码

import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';
import {BrowserRouter, Route, Link} from 'react-router-dom';

import App from './components/app';
import reducers from './reducers';

const createStoreWithMiddleware = applyMiddleware()(createStore);

class First extends Component {
  render() {
    return (<div>First</div>);
  }
}

class Second extends Component {
  render() {
    return (<div>Second</div>);
  }
}

ReactDOM.render(
  <Provider store={createStoreWithMiddleware(reducers)}>
    <BrowserRouter>
      <div>
        <div>
          <p>Welcome</p>
          <Link to="/first">1</Link>
          <Link to="/second">2</Link>
        </div>
        <Route path="/first" component={First} />
        <Route path="/second" component={Second} />
      </div>
    </BrowserRouter>
  </Provider>
  , document.querySelector('.container'));

import React，{Component}来自'React'；
从“react dom”导入react dom；
从'react redux'导入{Provider}；
从“redux”导入{createStore，applyMiddleware}；
从“react router dom”导入{BrowserRouter，Route，Link}；
从“./components/App”导入应用程序；
从“./reducers”导入减速机；
const createStoreWithMiddleware=applyMiddleware（）（createStore）；
类首先扩展组件{
render（）{
返回（第一）；
}
}
第二类扩展组件{
render（）{
返回（秒）；
}
}
ReactDOM.render(
欢迎光临

1.
2.
，document.querySelector（'.container'）；

---

谢谢。

还要添加基本路线：

<BrowserRouter>
  <div>
    <Route path="/" component={() => (
      <div>
        <p>Welcome</p>
        <Link to="/first">1</Link>
        <Link to="/second">2</Link>
      </div>
    )} />
    <Route path="/first" component={First} />
    <Route path="/second" component={Second} />
  </div>
</BrowserRouter>

(
欢迎光临

1.
2.
)} />

如果我删除中间件/redux的东西，它就会工作。但我需要重做。你知道如何使用redux代码来实现这一点吗？这确实不起作用，但在路由定义周围添加交换机却起了作用！谢谢（欢迎

12）}/>