React-dnd: DropTarget 매핑과 함께 redux 연결 사용

나는 다음과 같이 할 것입니다 :

import { compose } from 'redux'

export default compose(
  DropTarget(dragTypes, storyTarget, collect),
  connect(mapStateToProps)
)(StoryEditor);

React DnD 문서에서 @gaearon 은 _.flow를 사용하여 여러 상위 수준 구성 요소로 구성 요소를 장식합니다. 그래서 내가 이 글을 제대로 읽고 있다면 우리는 실제로 redux의 compose 함수를 사용할 수 있습니다. 맞습니까?

@ekeric13 Redux의 compose 는 인수가 반대인 _.flow 와 동일합니다. 그건,

compose(f, g, h)(x) === flow(h, g, f)(x) === f(g(h(x)))

@gaearon compose 사용하면 잘 작동하지만 compose 대한 문서에서 compose에 전달된 대부분의 함수는 단일 매개변수를 예상해야 하지만 세 개의 인수를 전달할 수 있다고 말합니다. DropTarget . 이것이 작동하는 이유는 무엇입니까?

작성(...기능)

오른쪽에서 왼쪽으로 기능을 구성합니다.

이것은 함수형 프로그래밍 유틸리티이며 편의상 Redux에 포함되어 있습니다.
여러 상점 강화제를 연속으로 적용하는 데 사용할 수 있습니다.

인수

(인수): 구성할 함수입니다. 각 함수는 단일 매개변수를 수락해야 합니다. 반환 값은 왼쪽에 있는 함수에 대한 인수로 제공되는 식입니다. 결과로 생성된 함수에 대한 서명을 제공할 것이기 때문에 여러 매개변수를 허용할 수 있는 맨 오른쪽 인수는 예외입니다.

BuilderArea.propTypes = {
  addPanel: PropTypes.func.isRequired
};

const mapStateToProps = state => ({
  panels: state.panels
});

export default compose(
  DropTarget(Types.PANEL_CARD, builderAreaTarget, (connect, monitor) => ({
    connectDropTarget: connect.dropTarget(),
    isOver: monitor.isOver()
  })),
  connect(
    mapStateToProps,
    { addPanel }
  )
)(BuilderArea);