реагировать функциональная составляющая не инициализируется

Question

У меня есть компонент выхода из системы (без сохранения состояния), в котором я хочу удалить access_token,

Но мой компонент не инициализируется и также нет ошибки маршрутизации,

Маршрутизация:

<Route path="/logout" component={LogoutComponante} />

компонент выхода из системы:

import React from 'react'
import { connect } from 'react-redux'
import { LOGOUT } from '../constant/constant'
function LogoutComponante(props){     console.log('in logout');
    // props.logoutmethod();
    // props.history.push("/")
  return <h1>abc</h1>;
} 

const mapStateToProps = state => {
    return {
        access_token : state.access_token
    }
}
const mapDispatchToProps = dispatch => { 
    return {
        logoutmethod : () => {
            dispatch({ type : LOGOUT })
        }
    }
}

export default connect(mapStateToProps,mapDispatchToProps)(LogoutComponante)

Сведения о маршрутизации:

<Switch>
                <Route exact path="/" component= {Home} />
                <RouterManager/>
            </Switch>

Компонент RouterManager:

const RouterManager = (props) => {  
    if(props.access_token){ 
        return (
            <div>
                <Route path="/logout" component={LogoutComponante} />
            </div>

        )
    }else{ 
        return (
            <div>
                <Route path="/register" component={Register} />
                <Route path="/login" component={Register} />
            </div>
        )
    }

}

, когда я посещение /logout ничего не возвращается даже console.log('in logout'); работает.

Что я делаю не так?

Answer 1

Попробуйте обернуть ваш компонент приставки withRouter. Иногда вы не увидите хороших изменений:

import { withRouter, connect } from 'react-redux'
export default withRouter(connect(mapStateToProps,mapDispatchToProps)(LogoutComponante))