代码之家 › 专栏 › 技术社区 › Mohsin

如何将数据容器与抽屉路由器连接?

react-native-router-flux drawer router react-native

1

Mohsin · 技术社区 · 7 年前

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

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

    exp : <Tab> </Tab>

    </Scene>

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

1 回复 | 直到 7 年前

1

Davis Z. Cabral 7 年前

从您展示的代码和使用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 ,它将知道那里的用户上下文。