關於React使用裝飾器後ref失效的問題解決方案

react在使用裝飾器裝飾過後ref就失效了，因為該this指向了所用的裝飾器，參考了網上的方法後可用如下方法解決，僅供參考。

在utils資料夾內 新建乙個refpenetrate.js檔案 (檔案命名可自己定義)

import react from 'react';

return props => = props
}export default getref;

import getref from '@/utils/refpenetrate';

@getref
export default class childrenitem extends component

this.childrenitem = ref}  />

react（關於裝飾器的配置）

在react中，大家有的使用裝飾器，比如路由，或者mobx等，但是會發現預設腳手架不支援，接下來就說一下怎麼配置，網上大部分都是使用npm eject來彈出腳手架的預設配置，但這樣並不優雅，社群提供了其他方案來解決修改配置的方式 首先安裝，以下幾個依賴 customize cra babel plu...

react專案中使用裝飾器

首先安裝babel轉換器 yarn add babel core babel preset env babel plugin proposal decorators d npm i babel core babel preset env babel plugin proposal decorator...

在React專案中使用裝飾器

安裝模組 寫配置在根目錄下建立檔案config overrides.js在config overrides.js中編寫一下 參考配置連線 const require customize cra module.exports override adddecoratorslegacy 配置裝飾器模式 修...