Heim >Web-Frontend >js-Tutorial >So durchlaufen Sie ein Array mit React
So durchlaufen Sie ein Array mit React
- 王林nach vorne
- 2021-01-07 13:41:383150Durchsuche
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!
Stellungnahme：
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：So ermitteln Sie, ob sich die Maus auf einem Element in JQuery befindetNächster Artikel：So ermitteln Sie, ob sich die Maus auf einem Element in JQuery befindet