Please document how to reference a list of items

Please document how to use forwardRef (the preferred way) to retrieve a list or array of items. For example,

const foo = React.forwardRef( (props,ref) => 
  props.superHeros.map( 
    ( hero, index) => <li ref={  ref  } key={ index }>{ hero }</li>
  ) 
)

Perhaps the key question here is, why not do this?

componentDidMount(){
  const foo = this.refs.root.querySelector('.foo')
  ...
}

Suppose there are 50,000 className='foo' elements that are returned by an embedded component. Is this code not portable? Is this code slower than having 50,000 ref created?

Please document this.

Bắt đầu với ví dụ forwardRef trong issue và so sánh với cách tiếp cận componentDidMount/querySelector. Tài liệu hóa cách tham chiếu đến một danh sách hoặc mảng các phần tử, bao gồm các câu hỏi được nêu ra về tính khả chuyển và hiệu năng khi có nhiều phần tử. Được xem là hoàn thành khi cách tiếp cận được ưu tiên và các đánh đổi của nó được giải thích rõ ràng.