使用create-react-app创建了React应用程序,如何在其中使用Decorator?
1、问题描述
使用create-react-app创建了React应用程序,并执行npm run reject暴露出了相关Webpack配置。然后在代码中使用Decorator,编译失败了。报错信息如下:
2、环境描述(部分)
"react": "~16.4.1",
"react": "~16.4.1",
"react-dev-utils": "~5.0.1",
"react-dom": "~16.4.1",
"react-router-dom": "~4.3.1",
"babel-core": "6.26.0",
"babel-eslint": "7.2.3",
"babel-jest": "20.0.3",
"babel-loader": "7.1.2",
"babel-plugin-import": "~1.11.0",
"babel-plugin-transform-decorators-legacy": "^1.3.5",
"babel-preset-react-app": "~3.1.1",
"babel-runtime": "6.26.0",
3、项目Decorator类代码
class Testable {
constructor(target) {
this.isTestable = target;
}
method() {
console.log("Testable类");
}
}
@Testable
class MyTestableClass {
constructor() {
}
method() {
console.log("MyTestableClass装饰类");
}
}
/* 装饰类测试*/
let myTestableIns = new MyTestableClass();
console.log(myTestableIns.method());
4、参考文档
(1)、ECMAScript2015入门-Decorator:http://es6.ruanyifeng.com/#do...
(2)、@babel/plugin-proposal-decorators:https://babeljs.io/docs/en/ba...
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
参照这里https://segmentfault.com/q/10...