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

piz*_*zae 4 reactjs

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

<TextField ref={id}/>
Run Code Online (Sandbox Code Playgroud)

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

alp*_*pha 7

<TextField ref={(ref) => this.myRefName = ref} />
Run Code Online (Sandbox Code Playgroud)

然后你可以通过this.myRefNameie 访问它console.log(this.myRefName)

  • 你可以使用括号表示法和es6模板字符串,例如:`<TextField ref = {(ref)=> this [\`ref $ {i} \`] = ref} />` (4认同)