Redux - как мне получить доступ к состоянию приложения из подкомпонентов?

Question

Допустим, у меня есть следующая структура компонентов:

Приложение -> Comp1 -> Comp2 -> Comp3 -> Comp4 -> Comp5

Где App - родительский компонент Comp1, который является родительским компонентом Comp2 и т. Д.

Я создаю store в App и подключаю его к Comp1 с помощью функции «connect» из библиотеки «response-redux».

Теперь, что мне делать, если я хочу получить доступ к состоянию приложения или отправить действие из Comp5?

Я знаю о том, как передавать реквизиты (состояние и диспетчеризацию) от App тоже Comp5, что не кажется интуитивным.

Какая лучшая практика для этого?

Answer 1

С Redux забыл component hierarchy, вы можете подключить store напрямую к вашему компоненту comp5:

import { connect } from "react-redux";

    const mapStateToProps = (state, ownProps) => {
      return {
        ...state.getExampleReducer,
        ...ownProps
      };
    };

    const mapDispatchToProps = {
     ActionsFunctions
    };

    export default connect(
      mapStateToProps,
      mapDispatchToProps
    )(comp5);