ref回調如何在React中工作？

Question

ref屬性使我們能夠捕獲不受控制的組件的值。

class MyComponent extends Component {
  render() {
     <input type="text" ref={el => this.setState({ myEl: el })}/>
  }
}

這是如何運作的？ 想必input實際上是有一個屬性（“托”），一個陣營組件ref認為需要時調用與現場的包裝部件每當回調componentDidMount叫？

Answer 1

從React文檔中 ：

向DOM元素添加引用

React支持一個可以附加到任何組件的特殊屬性。 ref屬性具有回調函數，在掛載或卸載組件之后，將立即執行該回調。

[...]

當組件安裝時，React將使用DOM元素調用ref回調，而在卸載時使用null調用它。

因此，在將組件安裝到DOM后，將調用ref回調，並將底層DOM元素作為唯一參數。 卸載后也會使用null參數調用它。