美文网首页
create-react-app中使用@connect修饰器解决

create-react-app中使用@connect修饰器解决

作者: _一九九一_ | 来源:发表于2019-07-30 15:33 被阅读0次

    使用@connec的时候有报错:

    • Support for the experimental syntax 'decorators-legacy' isn't currently enabled
    • Please use export @dec class instead
    • create-react-app中使用@connect修饰器出现不支持的情况

    安装依赖:

    • yarn add @babel/plugin-proposal-decorators
    • yarn add babel-plugin-transform-decorators-legacy

    修改文件:

    • package.json:
    // 代码片段
    { 
       "babel": {
          "presets": [ "react-app"  ],
          "plugins": [
             ["@babel/plugin-proposal-decorators",  { "legacy": true  }   ],   // 增加配置
             [ "@babel/plugin-proposal-class-properties", {  "loose": true  } ]  // 增加配置
          ]
       }
    }
    

    高阶组件的写法:

    • 高阶组件 结合redux( @connect 修饰器 ),本人文章里面有 可以翻阅
    export const wrapAuth = ComposedComponent => {
       @connect class  AuthButton extends Component{
       
       } 
      return AuthButton
    }
    

    相关文章

      网友评论

          本文标题:create-react-app中使用@connect修饰器解决

          本文链接:https://www.haomeiwen.com/subject/xrsnrctx.html