gpt4 book ai didi

react-router - 如何在 React 组件中访问 history.listen?

转载 作者:行者123 更新时间:2023-12-03 14:11:52 33 4
gpt4 key购买 nike

我有一个特定的组件,希望在用户每次导航时收到通知。有什么方法可以访问传入路由器的历史记录吗?

<Router history={history}>
{// ...}
</Router>

子组件:
var Component = React.createClass({
componentDidMount: function() {
// history.listen(this.onRouteChange);
},
onRouteChange: function() {},
render: function() {...},
});

最佳答案

我注意到这有效:

import { browserHistory } from 'react-router';

var Component = React.createClass({
componentDidMount: function() {
browserHistory.listen(this.onRouteChange);
},
...
});

但似乎我想使用传递给路由器的实际历史记录,而不是盲目地使用 browserHistory 。在某些情况下,我改为传入 hashHistory。仍然希望有更好的解决方案!

关于react-router - 如何在 React 组件中访问 history.listen?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40729113/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com