Cet article vous apprend à utiliser React pour parcourir un tableau et générer une liste non ordonnée à l'aide d'éléments de tableau.
(Partage de vidéos d'apprentissage : Tutoriel vidéo React)
Code source d'implémentation
<!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>Résultats d'exécution :
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Quelles sont les définitions des tableaux ?
chaîne js en tableau
Méthode d'initialisation du tableau
méthode d'initialisation du tableau c
Comment trouver la valeur maximale et minimale d'un élément de tableau en Java
Comment supprimer les premiers éléments d'un tableau en php
Résumé des connaissances de base de Java
Tutoriel d'auto-apprentissage Java base zéro
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
