Refine 不支持也不提供装饰器机制，其核心能力是声明式数据获取、资源路由管理等，推荐使用 React Hooks 和组合式 API 而非类装饰器。
JavaScript 本身不原生支持装饰器（Decorators）语法，但 TypeScript 和部分 Babel 插件已提供实验性支持。Refine 是一个基于 React 的开源框架（用于构建数据管理类后台应用），它本身 不提供装饰器机制，也不依赖或内置类似 Python 的 @decorator 语法来增强类功能。因此，“用 Refine 或自定义装饰器增强类功能”这个说法存在概念混淆——Refine 不是装饰器工具库，也不是类增强框架。
Refine 和装饰器没有直接关系
Refine 的核心能力是：声明式数据获取、资源路由管理、UI 组件抽象（如 ``、`
如果你看到某些代码中出现类似 @Resource 或 @CrudController，那属于其他框架（如 NestJS、TypeORM、或者自研工具），不是 Refine 官方能力。
如何在 TS/JS 中安全使用自定义类装饰器
若你确实需要在类上添加元数据、自动注册、日志、校验等行为，可借助 TypeScript 装饰器（需开启 "experimentalDecorators": true）配合反射元数据 API（reflect-metadata）：
- 安装依赖：
npm install reflect-metadata，并在入口文件顶部 import：import "reflect-metadata"; - 定义装饰器函数，例如记录类名和方法元数据：
@Register("user-service")<br>class UserService {<br> @LogMethod()<br> fetch() { return {}; }<br>}
对应装饰器示例：
function Register(name: string) {<br> return function (target: any) {<br> Reflect.defineMetadata("service:name", name, target);<br> };<br>}<br><br>function LogMethod() {<br> return function (target: any, propertyKey: string, descriptor: PropertyDescriptor) {<br> const original = descriptor.value;<br> descriptor.value = function (...args: any[]) {<br> console.log(`[LOG] Calling ${propertyKey}`);<br> return original.apply(this, args);<br> };<br> };<br>}
Refine 场景下更推荐的“增强类/组件”方式
在 Refine 应用中，应优先采用其约定式模式和组合式 API，而非类装饰器：
- 用
useForm/useTable等 Hook 封装数据逻辑，替代带装饰器的 Service 类 - 将通用行为抽为自定义 Hook（如
useAuditLog、usePermissionGuard），比装饰器更显式、易测试 - 对资源进行配置时，用
- 若需拦截请求或注入逻辑，通过
dataProvider的包装函数（如wrapDataProvider）实现，而非修饰类
注意兼容性与未来标准
TC39 装饰器提案（Stage 3）已更新语法（如 @dec accessor x），与旧版 TypeScript 装饰器不兼容。当前 Babel（v7.24+）和最新 TypeScript（5.4+）正逐步对齐新标准，但尚未完全稳定。生产项目中建议：
- 避免在核心业务逻辑中强依赖装饰器，尤其跨团队协作时可读性差
- 优先用函数组合、Hook、工厂函数等更直观的方式组织逻辑
- 若必须用，限定在基础设施层（如 DI 容器、API 客户端生成），并配好类型定义和文档
