react中ref的3種綁定方式


react中ref的3種綁定方式

方式1: string類型綁定

類似於vue中的ref綁定方式,可以通過this.refs.綁定的ref的名字獲取到節點dom

注意的是 這種方式已經不被最新版的react推薦使用,有可能會在未來版本中遺棄

方式2: react.CreateRef()

通過在class中使用React.createRef()方法創建一些變量,可以將這些變量綁定到標簽的ref中

那么該變量的current則指向綁定的標簽dom

方式3: 函數形式

在class中聲明函數,在函數中綁定ref

使用這種方法可以將子組件暴露給父組件以使得父組件能夠調用子組件的方法

通過函數的方法綁定ref可以將整個子組件暴露給父組件

注意: react並不推薦過度使用ref,如果能通過state做到的事情,就不應該使用 refs 在你的 app 中“讓事情發生”。
過度使用ref並不符合數據驅動的思想

https://cloud.tencent.com/developer/ask/sof/575780


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM