So schleifen Sie die Map in React um

So führen Sie eine Schleife in React durch: Öffnen Sie zunächst die entsprechende Codedatei und fügen Sie dann einen Schlüssel als eindeutigen Bezeichner zum untergeordneten Element hinzu.

Die Betriebsumgebung dieses Tutorials: Windows7-System, React17.0.1-Version, Dell G3-Computer.

Empfohlen: React-Video-Tutorial

Map-Traversal in React

<ul id="ul_rwardList">
    {
        this.state.reward.map(function (item) {
            return (
                <li className="db vh" key={item.id}>
                    <div className="fx1">{item.num}</div>
                    <div className="fx1">{item.username}</div>
                    <div className="fx1 text-right">{item.rward_time}</div>
                </li>
            )})
    }
</ul>

Tipps: Wenn Sie Map-Traversal verwenden, müssen Sie dem untergeordneten Element einen Schlüssel als eindeutige Kennung hinzufügen, und der Schlüsselwert muss kontinuierlich sein

Das obige ist der detaillierte Inhalt vonSo schleifen Sie die Map in React um. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!