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

Question

如何使用 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

Answer 1

尝试this.props.history:

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

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