In diesem Artikel erfahren Sie, wie Sie mit React ein Array durchlaufen und mithilfe von Array-Elementen eine ungeordnete Liste generieren.
(Teilen von Lernvideos: Video-Tutorial reagieren)
Implementierungsquellcode
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>React遍历数组</title>
<script type="text/javascript" src="../js/react.js" ></script>
<script type="text/javascript" src="../js/react-dom.js" ></script>
<script type="text/javascript" src="../js/browser.min.js" ></script>
<script type="text/babel">
var students = ["张三然","李慧思","赵思然","孙力气","钱流量"];
ReactDOM.render(
<ul>
{
students.map(function(username){
return <li>{username}</li>
})
}
</ul>,
document.getElementById("ulLi")
)
</script>
</head>
<body>
<div id="ulLi"></div>
</body>
</html>Laufende Ergebnisse:
Das obige ist der detaillierte Inhalt vonSo durchlaufen Sie ein Array mit React. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Was sind die Definitionen von Arrays?
js-String in Array umwandeln
Array-Initialisierungsmethode
c-Array-Initialisierungsmethode
So ermitteln Sie den Maximal- und Minimalwert eines Array-Elements in Java
So entfernen Sie die ersten paar Elemente eines Arrays in PHP
Zusammenfassung der Java-Grundkenntnisse
Nullbasiertes Java-Selbstlern-Tutorial
