解密react组件中的export default connect语句

我试图找出一个内部的web项目,它使用react、redux和redux saga。

有一个react组件看起来比项目的其他部分要复杂得多,我就是搞不清到底发生了什么。

我很难破译 导出默认连接语句 在代码块的底部。

具体来说,我看到这两个对象/事物作为 车辆类型 组成部分:

• 反作用
• OnconfigurePropul公司
• 燃料类型

但是我看不到那些在 导出默认连接语句 是的。

我读了一堆redux文档,但对我来说还是个谜。

如果有人知道这个代码块中到底发生了什么,你能分享一下吗?

谢谢!

class vehicleDisplay extends React.Component {

componentDidMount() {
    this.props.onConfigurePropulsion();
}

render() {

    return (
       <div>
           {fuelType.valueSeq().map(f =>
             <div>    
               <VehiclefuelType
                   key={f.id}
                   fuelType={f}
                   reaction={reactions.find(r => r.fuelTypeId === f.id)}
                   onReaction={!fatalReaction ? () => onReaction(f.id) : () => null}
               />
            </div>
      </div>
    )
}

export default connect(
    (state, { propulsionId, currentVehicleId }) => ({
        propulsion: state.propulsions.get(propulsionId),
        fuelTypes: state.fuelTypes.filter(f => f.propulsionId === propulsionId),
        reactions: state.reactions.filter(r => r.propulsionId === propulsionId),
    }),
    (dispatch, { propulsionId }) => ({
        onConfigurePropulsion: () => dispatch(Actions.configurePropulsion(propulsionId)),
        onReaction: (fuelTypeId) => dispatch(Actions.saveReaction(propulsionId, alternativeId))
    })
)(vehicleDisplay)