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

Posted zoeeying

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>
  )

 

以上是关于React会自动把虚拟DOM数组展开的主要内容,如果未能解决你的问题,请参考以下文章

浅谈React虚拟DOM

react虚拟dom与diff算法

React虚拟dom中的key值

React篇(010)-为什么虚拟 dom 会提高性能?

前端知识 |浅谈React setState

React虚拟DOM浅析