react---react中使用装饰器(高阶组件的升级用法)

Posted yuanjili666

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react---react中使用装饰器(高阶组件的升级用法)相关的知识,希望对你有一定的参考价值。

 

一、creact-react-app中使用装饰器

 

  • 运行 npm run eject 可以让由create-react-app创建的项目的配置项暴露出来

  • 此时,项目中多了一个config文件,并且各个配置文件已经暴露出来了。(运行npm run eject之前,保证本地没有待提交到git的文件)

  • 安装babel插件npm install --save-dev @babel/plugin-proposal-decorators

  • 修改package.json文件的babel配置项

    技术图片
    "babel": 
        "plugins": [
          ["@babel/plugin-proposal-decorators",  "legacy": true ]
        ],
        "presets": [
          "react-app"
        ]
      
     
  •  

以上是关于react---react中使用装饰器(高阶组件的升级用法)的主要内容,如果未能解决你的问题,请参考以下文章

高阶组件装饰器

TypeScript 和 React:如何重载高阶组件/装饰器?

Typescript中的装饰器原理

制作一个高阶组件以与 TypeScript 互操作 react-relay 和 react-router

ES 6 装饰器与 React 高阶组件

[react] React Intl是什么原理?