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.

Comienza con el ejemplo de forwardRef del issue y compáralo con el enfoque de componentDidMount/querySelector. Documenta cómo hacer referencia a una lista o un array de elementos, incluidas las cuestiones de portabilidad y rendimiento planteadas para muchos elementos. Se considera terminado cuando el enfoque preferido y sus compensaciones están claramente explicados.