React 将 DOM Refs 暴露给父组件答案

【问题标题】：React Exposing DOM Refs to Parent ComponentsReact 将 DOM Refs 暴露给父组件
【发布时间】：2017-08-10 23:45:27
【问题描述】：

我正在向docs学习，但没有得到下面的行

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

为什么末尾有= el？ inputRef 不应该只是一个获取输入引用的函数吗？

【问题讨论】：

【解决方案1】：

我们可以通过两种方式使用 ref，第一种方式是将字符串值作为 ref 传递并访问组件：

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

但这是一种旧方法，可能会在下一个版本中被弃用。第二种方法是将函数传递给 ref，该函数在组件已安装并准备好工作时触发。此外，此函数将接收目标元素作为参数。

为了澄清这一点，让我们在 ES5 中编写相同的代码：

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

因此，在本例中，您已将 inputElement 键添加到包含输入的父组件。您可以通过this.inputElement访问它

【讨论】：