React Native: Call Redux getState() внутри Компонент

Question

Что я пытаюсь достичь, так это: я хочу проверить, открыт ли NavigationDrawer, и если да, то когда пользователь нажимает (на Android), я хочу закрыть ящик вместо отказа от приложения. У меня есть булевое (isDrawerOpen) в сохраненном Redux, которое обновляется должным образом.

Моя проблема в том, что я не могу понять, как позвонить getState() внутри моего компонента. Компонент выглядит примерно так:

class MainScreen extends Component { 
    constructor(props) { 
    super(props) 

    BackAndroid.addEventListener('hardwareBackPress', function() { 
     if (somehow.getState().isDrawerOpen) { 
     // Close drawer. 
     return true; 
     } 

     return false; 
    }); 
    } 

    render() { 
     return ... 
    } 
} 

const mapStateToProps = (state) => { 
    return { 
    ... 
    } 
} 

export default connect(mapStateToProps)(MainScreen) 

И магазин создан в другой контейнер компонента, например:

export default class App extends Component { 
    render() { 
     return (
      <Provider store={store}> 
       <MainScreen /> 
      </Provider> 
     ); 
    } 
} 

В моем MainScreen компоненте всякий раз, когда мне нужно направить действие, я его вызывающий this.props.dispatch(someAction()). Однако this.props.getState(), похоже, не существует.

Одним из решений, конечно же, было бы обновление состояния MainScreen всякий раз, когда запускается функция mapStateToProps(), а затем вместо проверки состояния Redux проверяет состояние компонента. Однако обновление состояния моего компонента приведет к срабатыванию render(), и это не то, что я хочу. Кроме того, я хотел бы как-нибудь узнать для дальнейшего использования, как получить доступ к состоянию Redux изнутри компонента.

Заранее благодарен!

Answer 1

Нельзя помещать BackAndroid.addEventListener внутри конструктора, потому что реквизиты там не меняются. Вам необходимо поставить слушателя в componentDidMount или componentWillMount, чтобы быть в состоянии проверить последнее состояние вашего props. Затем в вашем слушателе проверьте наличие this.props.isDrawerOpen, который должен автоматически передаваться и обновляться сверху с connectmapStateToProps. Вам не нужно звонить getState внутри компонента connect ed.