javascript - 动态创建没有字符串的引用

Question

编辑：我们正在使用与问题相关的 React 16.2.0（请参阅此答案）。

据我所知，这是创建 ref 的公认方式（至少对于我们的 react 版本）：

<div ref={(r) => { this.theRef = r; }}>Hello!</div>

然后它可以像这样使用：

componentDidMount() {
  if (this.theRef) {
    window.addEventListener('scroll', this.handleScroll);
  }
}

这工作正常。但是，如果我想创建一个动态命名的 ref，比如作为循环的一部分，我该如何命名 ref？

用现在已经过时的术语，我想要一些类似的东西：

<div ref="{refName}">Hello!</div>

谢谢！

标签： javascriptreactjs

Answer 1

试试：

<div ref={refName}>Hello!</div>