React 配置装饰器

  1. 安装@babel/plugin-proposal-decorators
    npm i @babel/plugin-proposal-decorators (yarn add @babel/plugin-proposal-decorators)
  2. npm i customize-cra(yarn add customize-cra)
  3. 在根目录下新建一个config-overrides.js文件写入
    React 配置装饰器
  4. 在src目录下新建一个文件夹 components,在components中新建一个文件夹为hoc,在hoc中新建一个文件index.js,在index.js中写入高阶组件
    React 配置装饰器
  5. 然后我这里将App.js进行了改写写成了类组件,并且引入这个hoc/index.js
    在没有配置的时候我们这样写React 配置装饰器
    在配置装饰器之后我们可以改写为
    React 配置装饰器
    6.若要传参,则App.js可以这样写
    React 配置装饰器
    同时在hoc/index.js中要接收参数 React 配置装饰器

相关文章: