create-react-app 2.0 版本如何启用装饰器语法

安装插件

yarn add -D react-app-rewired customize-cra @babel/plugin-proposal-decorators

.babelrc

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

config-overrides.js

const { getBabelLoader } = require('react-app-rewired');

const path = require('path');

module.exports = function override(config, env) {
  const babelLoader = getBabelLoader(config.module.rules);
  const pwd = path.resolve();
  babelLoader.include = [path.normalize(`${pwd}/src`)];
  // use babelrc
  babelLoader.options.babelrc = true;

  return config;
};

参考文件

create-react-app 2.0 版本如何启用装饰器语法

React Native

onClick = {this. onMakeOlder.bind(this)}
this.state = {age: this.props.age}
this.setState({age: this.state+3})