react-router - 如何处理 Redux 中的注销路由？

Question

我想定义一个可用于注销用户的 URL(发送一个可以注销用户的操作)。我还没有找到展示如何实现路由调度事件的示例。

Answer 1

这是此类 /logout 的最新实现页:

import { Component, PropTypes } from 'react'
import { connect } from 'react-redux'
import { withRouter } from 'react-router'
import * as authActionCreators from '../actions/auth'

class LogoutPage extends Component {

  componentWillMount() {
    this.props.dispatch(authActionCreators.logout())
    this.props.router.replace('/')
  }

  render() {
    return null
  }
}
LogoutPage.propTypes = {
  dispatch: PropTypes.func.isRequired,
  router: PropTypes.object.isRequired
}

export default withRouter(connect()(LogoutPage))