Как связать контейнер данных с ящиком router-flux? - PullRequest
Новая
       50

Как связать контейнер данных с ящиком router-flux?

0 голосов
/ 24 сентября 2018

Я создал секцию бокового меню в индексном файле routers-flux, как этот 

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

    exp : <Tab> </Tab>

    </Scene>

Он работает правильно, показывает боковое меню на вкладках, теперь я хочу показать данные в боковом меню, такие как userName, Email.

Но как я могу получить данные в ящике меню, потому что тег ящика не позволяет записывать компонент и контейнер, а только позволяет мне писать contentComponent, который является просто представлением?

1 Ответ

0 голосов
/ 25 сентября 2018

Ваш компонент меню должен быть «умным компонентом» - используя контекстный API или что-то вроде 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 он будет знать о пользовательском контексте там.

...