博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React-使用装饰器
阅读量:5334 次
发布时间:2019-06-15

本文共 910 字,大约阅读时间需要 3 分钟。

  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"    ]  }

至此,就可以在项目中使用装饰器了

@MyContainerclass B extends Component{  render(){    return (      

B组件

) }}export default B;

 

  

 

转载于:https://www.cnblogs.com/superlizhao/p/10393237.html

你可能感兴趣的文章
ruby关于require路径
查看>>
android gridview和gallery的例子
查看>>
Leetcode Unique Word Abbreviation
查看>>
centos 双网卡双IP设置
查看>>
时间戳与日期的相互转换
查看>>
获取手机当前经纬度的方法
查看>>
oracle 导出与导入
查看>>
规避字符串在传递过程中造成的编码问题
查看>>
HTTP协议
查看>>
jmeter(五)创建web测试计划
查看>>
使用git pull文件时和本地文件冲突怎么办?
查看>>
centos下部署NFS
查看>>
[leedcode 225] Implement Stack using Queues
查看>>
Oracle数据库中的SOUNDEX函数
查看>>
WebService中使用自定义类的解决方法(5种)
查看>>
SQL 存储过程入门(事务)
查看>>
SQLServer如何删除字段中的某个字符串,或者替换为空格?
查看>>
12、xamarin form中实现H5 网页唤醒微信支付的方法
查看>>
spring aop advice注解实现的几种方式
查看>>
oracle数据库查询全系整理
查看>>