Как протолкнуть маршрут к другому пути в компоненте с реактивной редукцией

Question

Я не хочу делать условную маршрутизацию в моем компоненте.Я использую реаги-редукс.Я пробовал разные вещи, такие как, но получаю неопределенную ошибку.

this.props.history.push('/pathname')

, поэтому, что я не хочу делать, при монтировании компонента я проверяю некоторое логическое значение из моего состояния избыточности, если это значение вернет falseя хочу перенаправить пользователя на другой маршрут.

Мой компонент:

import React, {Component} from 'react'
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux'

class SomeComponent extends Component {
componentWillMount() {
        this.props.someFunc()
        if ( this.props.userLogin[0].isUserLogin === false ) {
            /// here i want to redirect to another route 
        } 
    }
render() {
   return(
     <div>Some Content</div>
   )
  }
}

const mapStateToProps = state => ({
    userLogin: state.UserLogin,
  })

  function mapDispatchToProps(dispatch) {
    return {
      someFunc: bindActionCreators(someAction, dispatch)
    }
  } 

  export default connect(mapStateToProps, mapDispatchToProps)(SomeComponent)

Как и в примере, который я хочу перенаправить в компоненте, пользователь будет монтироваться по другому пути.Как я могу это сделать?

Answer 1

Вы имеете в виду "история не определена"?Вы можете получить историю из родительского компонента

Answer 2

Вам нужно перенаправить

import {Redirect} from 'react-router-dom';

{boolFlag && <Redirect  to="/hello" />}  // put this in render