Javascript 反应路由器导航不工作

我正在尝试导航到一条不同的路线，如下所示：

import React from 'react';
import { browserHistory } from 'react-router'

class MyComponent extends React.Component {

    navigate () {

        browserHistory.push('/some-page')

    }

    render () {
        return (            
            <button onClick={this.navigate.bind(this)} />Navigate</button>
        );
    }

}

export default MyComponent;

我的路线设置：

ReactDOM.render(
    <Router history={hashHistory}>
        <Route path='/' component={Layout}>
            <IndexRoute component={Home}></IndexRoute>
            <Route path='/some-page' component={SomePage}></Route>
        </Route>
    </Router>,
    document.getElementById('app')
);

---

当它运行时，浏览器中的URL确实会发生变化，但这就是所发生的一切。我并没有被引导到那条路线。我有什么遗漏吗？

你需要始终如一；您为路由器声明了hashHistory，但实际路由使用了browserHistory

Hash History将在“/”之后追加路径，browserHistory使用最新的HTML5推送状态来实际更改URL，而无需发出任何请求

---

每个人都做他们应该做的事，但你在听什么，说什么

您可以显示您的路由文件吗？为什么要声明browserHistory和使用hashHistory？