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.

issue の forwardRef の例から始め、componentDidMount/querySelector アプローチと比較してください。多数の要素に関して提起された移植性とパフォーマンスの問題を含め、要素のリストまたは配列を参照する方法を文書化してください。推奨するアプローチとそのトレードオフが明確に説明されていれば完了です。