Question

我将使用＆＃34; npm＆＃34;包＆＃34;反应优雅＆＃34;在我的反应项目中。但是我在代码中遇到了语法问题。我使用＆＃34; npx create-react-app classy＆＃34;创建了反应优等项目。然后我在优雅的项目中安装了react-classy包。我创建了button.js来使用react-classy包。我在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>
        );
    }
}

在此文件中，@是问题。请让我知道是什么原因。感谢。

Answer 1

要在create-react-app项目中使用装饰器，您必须弹出

npm eject

然后

npm install --save-dev babel-plugin-transform-decorators-legacy

然后在你的package.json中添加这个

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

如何使用npm包＆＃34; react-classy＆＃34;反应？

1 个答案: