react在数据循环中给组件动态加上ref，如何实现？

在 React 中，可以通过使用 `createRef()` 方法来创建一个 ref，然后将该 ref 赋值给组件的 `ref` 属性，从而可以在组件中引用这个 ref。

如果需要在数据循环中动态地给组件添加 ref，可以将 ref 存储在一个数组中，然后在循环中为每个组件分配一个 ref。例如：

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.myRefs = [];
  }

  render() {
    return (
      <div>
        {this.props.data.map((item, index) => (
          <ChildComponent key={index} ref={ref => this.myRefs[index] = ref} />
        ))}
      </div>
    );
  }
}

在上面的例子中，我们先声明了一个数组 `myRefs`，用来存储每个子组件的 ref。然后在循环中，为每个子组件分配一个 ref，并将其存储在 `myRefs` 数组中。这样就可以在父组件中引用每个子组件的 ref 了。

需要注意的是，由于 ref 是在组件渲染时才会创建的，所以在循环中使用 ref 时需要确保每个子组件的 `key` 属性是唯一的，否则可能会出现错误。