reactjs - App.js で Redux State にアクセスできない

Question

App.js で redux 状態にアクセスする必要があります。

現在、アプリケーションのルーティングを処理するためにナビゲーション コンポーネント「スイッチ」を使用しています。また、関数でアプリケーションの状態を確認できる と を使用していconnectます。この問題は、App.js の this.props が状態をまったく返さないことです。mapStateToPropsmapStateToProps

redux 状態を介して isAuthenticated を Switch に渡そうとしています。

App.js:

function mapStateToProps(state) {
  console.log(state.token)
  return{
    token: state.token
  }

}

let Container = connect(mapStateToProps, null)(Switch(this.props.token.isAuthenticated))


export default class App extends React.Component {

  constructor(props) {
    super(props);

    this.state = {
      signedIn: false,
      checkedSignIn: false,
    };
  }

    render () {
      console.log('props')
      console.log(this.props)

      const { checkedSignIn, signedIn } = this.state;


    return (
      <Provider store={store}>
        <PersistGate loading={null} persistor={persistor}>
          <Container />
        </PersistGate>
      </Provider>
    )

  }
    }