如何将路由推送到react-redux连接的组件中的另一条路径

Question

i wan't to make conditional routing in my component. I'm using react-redux. I have tried different things like but getting undefined error.

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

so what i wan't to do, on component will mount i'm checking some boolean value from my redux state if this value will return false i want to redirect user to another route.

my component is:

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)

Like in example i want to redirect in component will mount user to another path. How i can do that?

Answer 1

You need Redirect

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

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

Answer 2

Do you mean "history is undefined"? You can get history from parent component