可以使用 Decorators 吗？

在 Create React App 中，你可以使用 Decorators 来增强你的组件。Decorators 是一种实验性特性，它们可以让你在类的声明前面添加修饰符，以便更方便地修改类的行为或属性。

虽然 Decorators 在 React 社区中很受欢迎，但它们目前仍然是实验性的，可能会在未来的版本中发生变化。因此，在使用 Decorators 时，建议谨慎考虑，并确保你了解它们的工作原理和潜在风险。

要在 Create React App 中使用 Decorators，你需要确保你的项目已经支持 Decorators。你可以通过安装 @babel/plugin-proposal-decorators 插件来启用 Decorators 支持。首先，安装插件：

npm install @babel/plugin-proposal-decorators

然后，在你的 .babelrc 文件中添加插件配置：

{
  "plugins": [
    ["@babel/plugin-proposal-decorators", { "legacy": true }]
  ]
}

在完成以上步骤后，你就可以在你的组件中使用 Decorators 了。例如，你可以在类声明前添加 @observer 修饰符来使用 Mobx 的观察者模式：

// www.javascriptcn.com code example
import React from 'react';
import { observer } from 'mobx-react';

@observer
class MyComponent extends React.Component {
  render() {
    return <div>Hello, World!</div>;
  }
}

export default MyComponent;

在这个例子中，我们使用 @observer 修饰符将 MyComponent 组件转换为 Mobx 的观察者组件，以便实现响应式数据更新。

总的来说，虽然 Decorators 是一种强大的工具，但在使用它们时需要谨慎考虑，以确保你了解其工作原理和潜在风险。希望本章节能够帮助你更好地理解在 Create React App 中使用 Decorators 的方法和注意事项。