当前位置:  开发笔记 > 编程语言 > 正文

redux如何使用react-router重定向componentWillMount

如何解决《redux如何使用react-router重定向componentWillMount》经验,为你挑选了1个好方法。

如何使用react-router重定向componentWillMount

export class NewStock extends React.Component {
  constructor(props, context) {
    super(props, context);
  }

  componentWillMount() {
    const { session, dispatch, router } = this.props
    if (session.userSessionData.get('logged_in') == false) {
      router.transitionTo('/login')
    }
  };

这段代码:

router.transitionTo('/login')

只返回:

Uncaught TypeError: router.transitionTo is not a function

Dominic.. 11

试试this.props.history:

const { history } = this.props
history.pushState(null, '/login') or
history.replaceState(null, '/login')

如果您的模块不是路由器的直接后代,您仍然可以通过将组件包装在withRouter(YourComponent)HOC中来访问此prop (在v4中).



1> Dominic..:

试试this.props.history:

const { history } = this.props
history.pushState(null, '/login') or
history.replaceState(null, '/login')

如果您的模块不是路由器的直接后代,您仍然可以通过将组件包装在withRouter(YourComponent)HOC中来访问此prop (在v4中).

推荐阅读
臭小子
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有