reactjs - 为什么react-redux connect不直接将Dumb Component作为参数？

Question

刚接触react-redux的人很容易被这个说法搞糊涂。

export default connect(mapStateToProps, mapDispatchToProps)(DumbComponent);

connect 方法返回一个新方法，以 DumbComponent 作为参数。

我想知道为什么不直接使用 DumbComponent 作为连接参数。就像这样。

export default connect(mapStateToProps, mapDispatchToProps, DumbComponent);

对于新手来说，这看起来不那么令人生畏。

实际 API 设计中有什么原因吗？

Answer 1

这种 API 设计的一个原因可能是您可以将其用作 ES6 装饰器。像这样:

@connect(mapStateToProps, mapDispatchToProps)
class DumbComponent extends React.Component { 
  ... 
}