Javascript 如何使用npm包“；“反应优雅”；你有什么反应？

我将在我的react项目中使用“npm”包“react classy”。但我在代码中遇到了语法问题。我使用“npx创建react应用程序classy”创建了react classy项目。然后我在classy项目中安装了react classy包。我为使用react classy包创建了button.js。我在app.js中导入了button.js。然后我在button.js中遇到了语法问题。 以下是以下文件：

import React, { Component } from 'react';
import Classy from 'react-classy';

@Classy

export default class Button extends Component {

    static style = `
    .button {
      background: blue;
    }
  `
    render() {
        return (
            <button className="button">
                {this.props.children}
            </button>
        );
    }
}

import React，{Component}来自'React'；
从“反应优雅”导入优雅；
@优雅的
导出默认类按钮扩展组件{
静态样式=`
.按钮{
背景：蓝色；
}
`
render（）{
返回(
{this.props.children}
);
}
}

在这个文件中，@是问题所在。 请告诉我原因是什么。

---

谢谢。

要在CreateReact应用程序项目中使用装饰程序，您必须弹出

npm eject

然后

然后在package.json中添加以下内容

"babel": {
  "plugins": ["babel-plugin-transform-decorators-legacy"],
  "presets": ["react-app"]
},

---

我将在我的react项目中使用“npm”包“react classy”。但我在代码中遇到了语法问题。我使用“npx创建react应用程序classy”创建了react classy项目。然后我在classy项目中安装了react classy包。我为使用react classy包创建了button.js。我在app.js中导入了button.js。然后我在button.js中遇到了语法问题。没有评论，而是将这些信息添加到问题本身…@AlekseiMaide，MartinL I在问题中添加了Martin的评论

"babel": {
  "plugins": ["babel-plugin-transform-decorators-legacy"],
  "presets": ["react-app"]
},