Question

我在路由器-通量索引文件中创建了侧边菜单抽屉

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

    exp : <Tab> </Tab>

    </Scene>

它可以正常工作，现在我想在侧边菜单上显示数据，例如userName，Email。

但是如何才能在菜单抽屉中获取数据，因为抽屉标签不允许同时写入组件和容器，它只能让我编写仅是视图的contentComponent？

Answer 1

您的菜单组件将必须是“智能组件”-使用上下文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);

这样，在导入Menu中使用的Drawer时，它将知道那里的用户上下文。

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

1 个答案: