React 配置装饰器

• Z时代
• 2024-01-10
• 分类：综合

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文件写入
   

4. 在src目录下新建一个文件夹 components,在components中新建一个文件夹为hoc,在hoc中新建一个文件index.js,在index.js中写入高阶组件
   

5. 然后我这里将App.js进行了改写写成了类组件,并且引入这个hoc/index.js
   

   在没有配置的时候我们这样写
   

   在配置装饰器之后我们可以改写为
   
   

   6.若要传参,则App.js可以这样写
   
   

   同时在hoc/index.js中要接收参数

以上是 React 配置装饰器 的全部内容， 来源链接： utcz.com/z/383063.html