React refs 回调返回值答案

【问题标题】：React refs callback return valueReact refs 回调返回值
【发布时间】：2017-07-10 02:26:20
【问题描述】：

    <input
      type="text"
      ref={(input) => { this.textInput = input; }} />

来自React Docs on Refs。我是使用 refs 的新手，我很好奇在 ref 内的箭头符号之后使用花括号。那个回调到底返回了什么？通常，当我在箭头函数后面看到花括号时，您需要一个显式的 return 语句。

【问题讨论】：

【解决方案1】：

它没有返回任何东西。它分配对this.textInput 的引用。如果你愿意，你可以省略花括号，它不会有什么不同。但是大括号的存在有助于表明重要的是函数的副作用，而不是返回值。

【讨论】：

【解决方案2】：

ref={(input) => { this.textInput = input; }}

基本上相当于：

ref={(function (input) {this.textInput = input;}).bind(this);}

【讨论】：