javascript - react 路由器 v4 onUpdate

Question

我最近更新了 React 路由器版本 4。在之前的版本中，我使用 onUpdate 回调来触发一个函数，以便在路由更改时使页面滚动到顶部。

onUpdate 似乎已被弃用，我在文档中找不到它被替换的任何地方。

还有其他人遇到过这个问题吗？

const handlePageChange = () => {
    window.scrollTo(0, 0);
};  

ReactDOM.render(
    <Provider store={store}>
        <Router onUpdate={handlePageChange} history={browserHistory}>
            <Redirect from="/" to="/music" />
            {routes}
        </Router>
    </Provider>,
    document.getElementById('root')
);

Answer 1

“onUpdate”已贬值。您可以在“路由”中使用“onEnter”属性。

<Router history={browserHistory}>
  <Route path="/" component={App} >
    <IndexRoute component={Home} />
    <Route path="/contact-us" component={ContactUs} onEnter={handlePageChange}/>
  </Route>
</Router>

还需要如下修改“handlePageChange”函数:

const handlePageChange = () => {
    window.scrollTo(0, 0);
    if ('scrollRestoration' in history) {
        history.scrollRestoration = 'manual';
    }
}