Question

我需要访问App.js中的redux状态。

我当前正在使用导航组件“ Switch”来处理我的应用程序路由，并且正在使用connect和mapStateToProps，这使我可以在mapStateToProps中查看应用程序状态功能。问题是App.js中的this.props不会返回任何状态。

我正在尝试通过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>
    )

  }
    }

Answer 1

我通过创建另一个名为“ Root”的组件并在其中具有连接功能来使其工作。

无法访问App.js中的Redux状态

1 个答案: