React-使用装饰器
2024-10-11 05:30:28
create-react-app默认不支持装饰器的,需要做以下配置。
打开 package.json ,可以看到eject。运行 npm run eject 可以让由create-react-app创建的项目的配置项暴露出来。
{
...
"scripts": {
...
"eject": "react-scripts eject"
},
...
}
运行 npm run eject
此时,项目中多了一个config文件,并且各个配置文件已经暴露出来了。(运行npm run eject之前,保证本地没有待提交到git的文件)
安装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;
最新文章
- C# 基础知识总结
- tmux 操作
- qt (5.60/5.70) 编译 QOCI 驱动
- [工作中的设计模式]备忘录模式memento
- QGrphicsView, QGraphicsScene 和 QGraphicsItem 的区别
- iOS - OC NSArray		数组
- ActionContext详解
- Windows 进程通信 之 DDE技术
- BZOJ 1610 连线游戏
- wxPython 对话框关闭后进程无法退出的原因
- the assignment of reading paper
- javascript中获取dom元素的高度和宽度
- Spring生命周期 Constructor >; @PostConstruct >; InitializingBean >; init-method
- 前端ajax技术之跨域问题解决
- 多线程编程CompletableFuture与parallelStream
- Spark思维导图之性能优化
- Vue基础进阶 之 常用的实例属性
- springmvc mybatis shiro构建cms系统
- 如何在一台机器上部署多个tomcat
- SpringMVC_HelloWorld_01
热门文章
- 克拉克拉(KilaKila):大规模实时计算平台架构实战
- 如何定制Linux外围文件系统?
- Linux文件权限与属性详解 之 SUID、SGID &; SBIT
- 开源IM项目-InChat登录接口设计与实现(基于Netty)
- 委托(3).net 2.0中的委托
- MySQL查询执行的基础——查询优化处理
- PHP基础:MYSQL数据库操作
- 点击checkbox后,$(this).attr(&#39;checked&#39;)得到的值不会发生改变
- csharp: LocalDataCache.sync
- 腾讯云服务器配置node环境