React类组件中高阶组件使用疑问：@connect装饰器写法是否合规？

这种装饰器写法是正确的，属于React类组件中使用高阶组件（HOC）的标准方式之一，具体说明如下：

• 装饰器语法的本质
  @connect只是语法糖，等价于类定义完成后执行connect(List)，和你了解的connect(Component)写法逻辑完全一致，只是用装饰器让代码结构更简洁。

• react-redux的connect特性
  connect是柯里化函数，完整调用是connect(mapStateToProps, mapDispatchToProps)(Component)，但如果省略前两个参数，connect会返回一个默认HOC：

  • 它会把Redux store的dispatch方法注入到组件props中
  • 组件不会订阅store状态变化（因为没指定mapStateToProps）

• 多装饰器的执行逻辑
  代码里的@pageAntdLayout、@injectIntl、@connect执行顺序是从下到上：先执行connect(List)，再把结果传给injectIntl，最后传给pageAntdLayout，和链式调用pageAntdLayout(injectIntl(connect(List)))效果完全相同。

需要注意的是，这种写法依赖项目配置了装饰器语法支持（比如Babel的@babel/plugin-proposal-decorators插件），在早期React类组件项目中很常见，不过现在函数组件+Redux Hooks（useSelector、useDispatch）是更推荐的用法。

内容的提问来源于stack exchange，提问作者thienms98