React会自动把虚拟DOM数组展开

React会自动把虚拟DOM数组展开,放在父级虚拟DOM中,这个特性还是我同事帮我解决一个问题的时候,偶然发现的。

如何将一个数据数组转换为一个虚拟DOM的数组,需要使用map,如下:

  const names = ['jquery', 'zepto', 'vue', 'angular', 'react', 'hooks'];
  const ul = (
    <ul>
      {
        names.map((item, key) => <li key={key}>{item}</li>)
      }
    </ul>
  )

 

posted @ 2019-06-25 23:34  zoeeying  阅读(338)  评论(0编辑  收藏  举报