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.

Inizia con l’esempio di forwardRef nell’issue e confrontalo con l’approccio componentDidMount/querySelector. Documenta come fare riferimento a un elenco o a un array di elementi, comprese le questioni di portabilità e prestazioni sollevate per molti elementi. Il lavoro è completato quando l’approccio preferito e i relativi compromessi sono spiegati chiaramente.