React-naitve 对修饰器decorators的支持配置

RN如果需要使用修饰器的话。需要额外配置一下。不然会报错~这边记录一下 希望帮助到有需要的小伙伴

1.安装依赖
npm install  @babel/plugin-proposal-decorators -save
2.修改babel.config.js

代码中+ 代表新增的代码

module.exports = {
  presets: ["module:metro-react-native-babel-preset"],
 + plugins: [
 +    ['@babel/plugin-proposal-decorators', { 'legacy': true }],
 + ]
};

这样就可以啦~ RN 对支持修饰器的配置就这样就可以了~
自己还记录了 create-react-app 脚手架对修饰器的支持配置--需要的也可以查看下 create-react-app 脚手架对修饰器的支持配置

这边额外说一下babel因为版本的不同 所用的修饰器的插件也是不同的:

babel6:babel-plugin-transform-decorators-legacy
babel7: @babel/plugin-proposal-decorators

这个要区分下。不然修饰器是不生效的----贴一下官方的说明:npm官方修饰的说明-对不同版本区分

你可能感兴趣的:(React-naitve 对修饰器decorators的支持配置)