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参数调用它。