Please document how to reference a list of items
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- JavaScript
- Sterne
- 11.8k
- Forks
- 7.9k
- Ø Merge
- 1 T. 11 Std.
- Gemergte PRs (30 T.)
- 11
Beschreibung
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.
Beitragsleitfaden
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Beginne mit dem forwardRef-Beispiel im Issue und vergleiche es mit dem componentDidMount/querySelector-Ansatz. Dokumentiere, wie auf eine Liste oder ein Array von Elementen verwiesen wird, einschließlich der aufgeworfenen Fragen zur Portierbarkeit und Performance bei vielen Elementen. Als erledigt gilt die Aufgabe, wenn der bevorzugte Ansatz und seine Kompromisse klar erklärt sind.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- javascript, react
- Bereich
- documentation
- Issue-Typ
- Dokumentation
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 35/100