React如何使用变量设置元素的ref值

Question

所以我有一些非常简单的事情：

<TextField ref={id}/>

我想知道如何将变量用作ref而不是字符串？我有点需要这个，因为这个元素是在render方法中生成的，就在return方法之前。所以我使用的是在for循环中创建的引用。

Answer 1

<TextField ref={(ref) => this.myRefName = ref} />

然后您可以通过this.myRefName即console.log(this.myRefName)

访问它

Answer 2

您可以使用ref callback通过变量而不是字符串

来访问ref

<TextField ref={(input) => this.myField = input}/>

现在，您可以参考TextField，如this.myField

参考回调 doc