react-app 加入装饰器（react7）

react7

npm run eject出配置

npm install @babel/plugin-proposal-decorators --save-dev

package.json

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

jsconfig.json

{
 "compilerOptions": {
   "experimentalDecorators": true
 }
}

示例

import React, { Component } from 'react';

function Foo(params) {
 params.title = 'itclanCoder';
 params.decorator =
   'decorator是装饰器,即@+函数名,用来注释或修改类方法';
}

@Foo
class ComponentA extends Component {
 render() {
   return (
     <div>
       <p>{ComponentA.title}</p>
       <p>{ComponentA.decorator}</p>
     </div>
   );
 }
}
export default ComponentA