Reactjs 如何从store.getState（）获取存储的数据

我第一次使用react with redux

在我的应用程序的呈现中，如果我使用控制台log

store.getState（）

我可以看到存储的数据

{username:'foo'，password:'bar'}

但是当我想获取像

store.getState（）.password这样的数据时

我得到
未定义错误
。我正在尝试将此数据传递给
我的专用路由组件为：


在PrivateRoute内部，我尝试检查用户是否登录或不发送到仪表板

那么，如何将数据传递给我的道具呢

它显示，即使是
const{isLoggedIn，username}=store.getState（）
也不起作用

类型
{}

顺便说一句，我知道这可能不好，但这是我的第一个react应用程序，因此我正在尝试学习redux
如果你从react应用程序调用商店，你必须使用提供者并将商店传递给react应用程序，然后将商店的状态、操作和/或方法绑定到react道具，如此链接所示

连接

但是如果您在普通javascript中使用redux，那么它就可以正常工作

react中的示例

首先

import { Provider } from 'react-redux'
import { store } from "store";

ReactDOM.render(
    <Provider store={store}>
      <YourReactApp/>  // e.g <Container />
    </Provider>, document.getElementById('root')
);

您可以像这样在页面中使用它

 import { connect } from "react-redux";

    const mapStateToProps = (state) => {
      const { isLoggedIn, username }= state
      return {
        isLoggedIn,
  username
      };
    };

    const mapDispatchToProps = (dispatch :any) => {
        return {
          login: ()=> { 
            return dispatch(your action creator)
          }
        }
      }



    const Containter = connect(mapStateToProps,mapDispatchToProps)(AnyReactComponentYouWantToPassThisStore);

    export default Containter;

function AnyReactComponentYouWantToPassThisStore (props){
  return(
<div> {props.username}  </div>
)
}

function anyreactcomponent要通过此存储（道具）{
返回(
{props.username}
)
}

然后不调用

现在使用
嘿，请分享一些代码，你面临的问题没有代码，它只是一个组件，我需要从
store.getState（）
获取数据，因为我可以看到数据在那里，但我如何从中获取存储？请参考可能的重复-在react中，存储不是这样调用的常量{isLoggedIn，username}=store.getState（）