Не удается получить доступ к состоянию Redux в App.js

Мне нужен доступ к состоянию редукции в App.js.

В настоящее время я использую компонент навигации «Switch» для обработки маршрутизации моего приложения, и я использую connect и mapStateToProps, что позволяет мне видеть состояние моего приложения в функции mapStateToProps. Эта проблема заключается в том, что this.props в App.js вообще не возвращает никакого состояния.

Я пытаюсь передать 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>
    )

  }
    }

person Christian Lessard    schedule 27.07.2018    source источник
comment
Чтобы mapStateToProps сопоставил состояние с реквизитами, вам действительно нужно передать хранилище компоненту App. Иначе mapStateToProps ничего бы не знал о штате.   -  person Madhu Bhat    schedule 27.07.2018
comment
Где Switch?   -  person Colin Ricardo    schedule 27.07.2018


Ответы (1)


Я заставил его работать, создав еще один компонент под названием «Root» и добавив туда функцию подключения.

person Christian Lessard    schedule 27.07.2018