反應路由器導航不起作用

Question

我正在嘗試導航到這樣的其他路線：

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確實確實發生了變化，但這就是所有發生的情況。 我實際上並沒有直接去那條路線。 有什么我想念的嗎？

Answer 1

您需要保持一致； 您為路由器聲明了hashHistory ，但對實際路由使用了browserHistory 。

哈希歷史記錄將在'＃/'后面追加路徑，browserHistory使用最新的HTML5推送狀態來實際更改URL，而不發出任何請求。

每個人都按照他們的預期去做，但是您正在聽一些話並說其他話;）