React native 如何将数据容器与抽屉路由器流量链接？

我在索引文件中创建了侧菜单抽屉，如下所示

    <Scene
    key="drawer"
    drawer
    contentComponent={Menu}
    drawerWidth={300}  >

    exp : <Tab> </Tab>

    </Scene>

经验：

它工作正常，在标签上显示侧菜单现在我想在侧菜单上显示数据，如用户名、电子邮件

---

但是我怎样才能在菜单抽屉中获取数据呢？因为抽屉标记不允许同时写入组件和容器，它只允许我写入contentComponent，它只是一个视图？

您的菜单组件必须是一个“智能组件”——使用上下文API或类似Redux的东西来访问它

从您展示的代码开始，使用redux，它将类似于：

import React from 'react'
import { connect } from 'react-redux';

const Menu = props => (
  <View> 
    <Text>{props.username}</Text>
  </View>
)

export default connect((state) => ({ username: state.auth.username }))(Menu);

从“React”导入React
从'react redux'导入{connect}；
常量菜单=道具=>(
{props.username}
)
导出默认连接（（状态）=>（{username:state.auth.username}））（菜单）；

这样，当导入要在

抽屉中使用的
菜单
时，它将知道那里的用户上下文