javascript | es6 求帮分析一下这几行代码的语法

Question

运行结果是 export default 成功导出了 CounterApp 这个类
疑问:connect(...)(CounterApp) 这个格式应该怎么理解,特别是两个圆括号是要怎么理解.

---

export default connect(state => ({        state: state.counter
    }),
    (dispatch) => ({
        actions: bindActionCreators(counterActions, dispatch)
    })
)(CounterApp);

先谢谢大家了

Answer 1

代码等价于：var temp = connect(function(state) {    return {state: state.counter}; },function(dispatch) {    return {        actions: bindActionCreators(counterActions, dispatch)     }; });export default temp(CounterApp);