2020-03-31
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並不符合數據驅動的思想
過度使用ref並不符合數據驅動的思想