Использование нескольких редукторов для подключения HOC в одном компоненте

Question

Привет, недавно я увидел интересный фрагмент кода.

Был такой HOC:

import { connect } from 'react-redux'

const mapProps = store => ({
  someProp: store.some.prop,
})

const withSomeProp = connect(mapProps)

export default withSomeProp

, а затем он использовался так:

export default compose(
  withSomeProp,
  connect(
    mapProps,
    mapDispatch
  ),
)

Этот подход хорош?Или я должен беспокоиться о потенциальных проблемах производительности или любых других ошибках?

Answer 1

Как правило, я бы рекомендовал определить более сложную mapState функцию, которая извлекает оба фрагмента данных, которые требуются этому компоненту, вместо определения нескольких connect определений просто для извлечения различных фрагментов данных.