React: Rendere die Elemente in einem gegebenen Array effizient in umgekehrter Reihenfolge.

Ich rendere derzeit eine Liste im typischen React-Stil. Die Liste wird als Array-Requisite übergeben und ich ordne sie wie folgt zu:

{this.props.myList.map(createListItem, this)}

Wenn ein neues Element hinzugefügt wird, sieht es so aus, als ob das letzte Element am Ende der Liste hinzugefügt wurde.

Ich möchte es, damit der neueste Artikel oben angezeigt wird. d.h. alles erscheint in umgekehrter chronologischer Reihenfolge.

Die beiden Optionen, die ich mir bisher ausgedacht habe, sind: 1) Kehre die Liste um und erstelle jedes Mal ein neues Array, wenn etwas hinzugefügt wird, und übergebe diese umgekehrte Liste als Requisite. 2) Verwenden Sie shift.

Aber sie sind beide wegen der Leistung nicht ansprechend.

Mir ist nicht bekannt, dass Javascript die Zuordnung in umgekehrter Reihenfolge unterstützt. Ich habe eine for-Schleife ausprobiert, konnte sie jedoch nicht zum Laufen bringen.

Was ist die idiomatische Methode, um ein Array in React in umgekehrter Reihenfolge zu rendern?

Antworten auf die Frage(8)

Ihre Antwort auf die Frage