react jsx 数组变量的写法

最新推荐文章于 2024-06-29 15:48:07 发布

weixin_34375233

最新推荐文章于 2024-06-29 15:48:07 发布

阅读量737

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/crazycode2/p/9022905.html

本文介绍了一种使用JavaScript中的map方法来遍历数组并将其渲染为React元素的方法。通过具体的代码示例展示了如何将一个包含学生姓名的数组映射到一系列HTML列表项。

1.通过 map 方法

var students = ["张三然","李慧思","赵思然","孙力气","王萌萌"];  
              
ReactDOM.render(  
  <ul>  
    {  
      students.map(function(username){  
        return <li>{username}</li>  
      })  
    }  
  </ul>,  
  document.getElementById("root")  
)

转载于:https://www.cnblogs.com/crazycode2/p/9022905.html