时间戳

首页 > 解决方案 > 想要在抽屉导航中显示登录用户的详细信息

react-native - 想要在抽屉导航中显示登录用户的详细信息

问题描述

我有一个 expo 应用程序，当我登录时首先渲染的是抽屉导航器，我想显示登录的用户详细信息，但是当我将 redux 商店与导航文件连接时，我可以在导航文件中获取用户详细信息但是该信息没有作为道具传递给我的导航组件。任何人都可以告诉我我做错了什么

//Connecting redux store to my app
const mapStateToProps = state => {
    console.log('NAME' , state.auth.name)
    return {
       name : state.auth.name,
       emailId : state.auth.emailId
   };
}

export default connect(mapStateToProps)(createAppContainer(MainStack));


//Displaying the data in the component
const CustomDrawerComponent = props => {

    console.log('DATA IN THE COMPONENT' , props.name)

    const dispatch = useDispatch();
    const [name , setName] = useState('');
    const [emailId , setEmailId] = useState('')
.............MORE CODE


//OUTPUT 
NAME Jim
IN THE COMPONENT undefined
IN THE COMPONENT undefined

标签： react-nativereduxexpo

解决方案

为什么您的 MainStack 连接到 redux 存储？

您必须将您的 CustomDrawerComponent 连接到商店。

const CustomDrawerComponent = () => (...);

export default connect(state => ({
   name: state.auth.name
}))(CustomDrawerComponent)

推荐阅读