关于react.js:React使用装饰器

40次阅读

共计 572 个字符,预计需要花费 2 分钟才能阅读完成。

create-react-app 默认不反对装璜器的,须要做以下配置。
关上 package.json,能够看到 eject。运行 npm run eject 能够让由 create-react-app 创立的我的项目的配置项裸露进去。

装置 babel 插件

Babel >= 7.x
npm install --save-dev @babel/plugin-proposal-decorators

Babel@6.x

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

批改 package.json 文件的 babel 配置项
Babel >= 7.x

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

Babel@6.x

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

至此,就能够在我的项目中应用装璜器了

@MyContainer
class B extends Component{render(){return ( <p>B 组件 </p>)
  }
}
export default B;

正文完
 0