reactjs - 如何使用 React Router v4 调度位置变化时的操作

标签 reactjs react-router react-redux

我正在将 react-router-4.0.0-beta.4 与 redux 一起使用,我试图找出在路由更改时调度操作的最佳方法。我看到几个版本之前有一个 API/事件 Hook here 。但我看到它现在已经消失了。尝试做与 redux-router 所做的现代等效的事情。

最佳答案

似乎分派(dispatch)操作的最佳方法是在组件的 componentWillMount()componentDidMount()componentWillUnmount() 处执行此操作方法。

忽略下面的内容

onEnter 属性。喜欢这里comet-frontend

onEnter(nextState, replace, callback?)

Called when a route is about to be entered. It provides the next router state and a function to redirect to another path. this will be the route instance that triggered the hook. https://github.com/ReactTraining/react-router/blob/master/docs/API.md#onenternextstate-replace-callback

但是,仍然有 onChange 属性,完全按照您所描述的方式进行。也许告诉我们您的问题到底是什么。因为看起来你做错了什么。

关于reactjs - 如何使用 React Router v4 调度位置变化时的操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42478271/

相关文章:

javascript - 如何计算点击可拖动 Canvas 元素的位置?

javascript - ReactJs:动态组件加载传递属性

javascript - react-router 在子组件中获取 this.props.location

ios - React Native map 上的标记单击事件在 React iOS 中不起作用

javascript - 在用户上传 reactjs 时获取 mp4 的尺寸

javascript - 输入模式 ='[a-zA-Z]' 在 React 应用程序中不起作用

javascript - Redux saga 使用类的其他实例的参数

reactjs - 如何使用 Typescript 将调度操作注入(inject)到 props 中?

javascript - React Router Redirect 丢弃参数

javascript - 单击链接时,为什么我的 React 应用程序会转到自定义 404 未找到页面?