• Как сформировать зависимые редьюсеры в redux?

    @TuxOn Автор вопроса
    Создайте редьюсер для активной страницы и всё.

    Не совсем понял, можно небольшой примерчик? Просто помимо параметра currentPage будет ещё штук 10 других, которые также могут меняться в <toolbar /> и отражаться на компоненте <content /> и наоборот.

    Вы же мапите значения из store с помощью mapStateToProps (react-redux package)

    Да, но возникает вопрос как передавать state и dispatch в дочерние компоненты.

    Предположим, родительский контенер-компонент выглядит так:
    <div className="wrapper">
      <ToolbarBlock />
      <ContentBlock />
    </div>

    Тогда получается, что все mapDispatchToProps мне нужно создавать в это родительском компоненте?
    const mapDispatchToProps = (dispatch) => {
      return {
        onPageChange: (page) => {
          dispatch(setCurrentPage(page))
        },
        ...
    };

    И затем передавать из родительского компонента в дочерний:
    export default connect(
      mapStateToProps,
      mapDispatchToProps
    )(AppContainer);

    <div className="wrapper">
      <ToolbarBlock 
        onPageSelect={this.props.onPageChange} />
      <ContentBlock
        onPageScroll={this.props.onPageChange} />
    </div>

    и тоже самое касается и stateToProps:
    <div className="wrapper">
      <ToolbarBlock 
        onPageSelect={this.props.onPageChange}
        currentPage={this.props.currentPage} />
      <ContentBlock
        onPageScroll={this.props.onPageChange}
        currentPage={this.props.currentPage} />
    </div>

    подскажите, я правильно понимаю логику или нет? Меня смущается именно наличие большого root reducer и root container.