- Was ist die Rendering -Liste in React?
- So rendern Sie eine Liste in JS?
- Wenn Sie eine Liste rendern, was ist ein Schlüssel und was ist der Zweck?
- Wie machen Sie eine lange Liste in React?
Was ist die Rendering -Liste in React?
Sie möchten oft mehrere ähnliche Komponenten aus einer Datensammlung anzeigen. Sie können die JavaScript -Array -Methoden verwenden, um ein Array von Daten zu manipulieren. Auf dieser Seite verwenden Sie Filter () und MAP () mit Reaktionen auf Filter und verwandeln Sie Ihr Datenarray in ein Array von Komponenten.
So rendern Sie eine Liste in JS?
Eine Möglichkeit, eine Liste zu rendern, ohne eine Engine in JavaScript zu rendern, besteht darin, das Array zu verwenden. foreach () Methode. Diese Methode kann verwendet werden, um über ein Array zu iterieren und eine Rückruffunktion für jedes Element im Array auszuführen. Die Rückruffunktion kann verwendet werden, um die Liste zu rendern.
Wenn Sie eine Liste rendern, was ist ein Schlüssel und was ist der Zweck?
Ein „Schlüssel“ ist ein spezielles String -Attribut, das Sie beim Erstellen von Elementenlisten in React einbeziehen müssen. Tasten werden in React verwendet, um festzustellen, welche Elemente in der Liste geändert, aktualisiert oder gelöscht werden. Mit anderen Worten können wir sagen, dass Schlüssel verwendet werden, um den Elementen in den Listen eine Identität zu geben.
Wie machen Sie eine lange Liste in React?
reagieren Sie Window
Gehen Sie zu Ihrer App -Komponente und ersetzen Sie den Code durch den folgenden Code: Importieren Sie React aus 'React'; faker aus 'faker' import FixedSizelist als Liste aus "React-Window"; importieren './App. CSS '; Funktion app () const data = new Array (1000). füllen().