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

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

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

Mohsin · 技术社区 · 6 年前

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

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

    exp : <Tab> </Tab>

    </Scene>

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

1 回复 | 直到 6 年前

Davis Z. Cabral 6 年前

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

推荐文章

Fani · 有一个路由问题需要解决,这很有趣,但我无法实现

1 年前

Darian Hickman · Mux或http。HandleFunc甚至还在为Google App Engine上的helloworld端点工作

6 年前

vladboing · 自定义创建的Magento控制器链接到404

6 年前

Vik · 相对于根的角度材质路由器导航

7 年前

Shazad · 使用DDNS访问Nextcloud时出现问题

7 年前

ValRob · 如何使用角度中的不同参数更新相同组件

7 年前

Hassan Abbas · 如何配置HP MSA 1040存储以直接连接到服务器

7 年前

Pasha K · 通过路由器状态变化加载角度组件

7 年前

CSL · SymmetricDS:如何配置路由器以同步标头细节关系

7 年前

Johan · 路由表大小和查找速度[关闭]

7 年前