This article teaches you how to use React to traverse an array and generate an unordered list using array elements.
(Learning video sharing: react video tutorial)
Implementation source code
<!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>Running results:
The above is the detailed content of How to traverse an array using react. For more information, please follow other related articles on the PHP Chinese website!
What are the definitions of arrays?
js string to array
Array initialization method
c array initialization method
How to find the maximum and minimum value of array elements in Java
How to remove the first few elements of an array in php
Summary of java basic knowledge
Zero-based Java self-study tutorial
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
