Javascript 将DOM引用公开给父组件

Javascript 将DOM引用公开给父组件,javascript,reactjs,ref,Javascript,Reactjs,Ref,我正在从中学习,但不要理解下面的内容 inputRef={el => this.inputElement = el} 为什么末尾有一个=el?inputRef不就是用来获取输入引用的函数吗?我们可以通过两种方式使用ref,第一种方式是将字符串值作为ref传递,并通过以下方式访问组件: inputRef="input" ... myInput = this.refs.input 但这是一种旧方法,在下一个版本中可能会被弃用。 第二种方法是将函数传递给ref,该函数在安装组件并准备工作时触

我正在从中学习,但不要理解下面的内容

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

为什么末尾有一个
=el
inputRef
不就是用来获取输入引用的函数吗?

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

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

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

inputRef={ function(input) {_this.inputElement = input;}
因此,在本例中,您已将inputElement键添加到包含输入的父组件。您可以通过
this.inputElement