React將DOM引用暴露給父組件

Question

我正在從文檔中學習，但是沒有得到以下內容

inputRef={el => this.inputElement = el}

為什么最后有一個= el ？ 是不是inputRef應該是一個獲取輸入引用的函數？

Answer 1

我們可以用2種方式使用ref，第一種方法是將字符串值作為ref傳遞並訪問組件：

inputRef="input"
...
myInput = this.refs.input

但這是一種古老的方式，可能會在下一版本中棄用。 第二種方法是將函數傳遞給ref，該函數在安裝組件並准備工作時觸發。 此外，此函數將接收目標元素作為參數。

為了澄清這一刻，讓我們在ES5中編寫相同的代碼：

inputRef={ function(input) {_this.inputElement = input;}

因此，在這種情況下，您已將inputElement鍵添加到包含輸入的父組件。 您可以通過this.inputElement訪問它