小编Mar*_*ial的帖子

React-Router onChange hook

我在使react-router中的onChange挂钩正常工作时遇到问题.这是我的路线文件:

import React from 'react';
import { Router, Route, browserHistory } from 'react-router';
import TestOne from './Pages/testone';
import TestTwo from './Pages/testtwo';

function logUpdate() {
    console.log('Current URL: ' + window.location.pathname);
}

const Routes = (
    <Router history={browserHistory}>
        {/* App Routes */}
        <Route path="/" component={App} lang={lang}>
            <Route path="/testone" component={TestOne} onUpdate={logUpdate} />
            <Route path="/testtwo" component={TestTwo} onUpdate={logUpdate} />
        </Route>
    </Router>);

export default Routes;
Run Code Online (Sandbox Code Playgroud)

我的理解是,每次状态更改时都会触发函数logUpdate.但是,仅当我通过F5重新加载相应页面时才会触发它.

我的菜单使用简单的链接,例如:

<div>
<Link to="/testone">Test One</Link>
<Link to="/testtwo">Test Two</Link>
</div>
Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么?

javascript reactjs react-router

11
推荐指数
1
解决办法
1万
查看次数

标签 统计

javascript ×1

react-router ×1

reactjs ×1