虚拟Dom是什么？

虚拟DOM是讲状态映射成试图的众多解决方案之一，React会先将你的代码转换成一个JavaScript对象，然后这个JavaScript对象再转换成真实DOM。这个JavaScript对象就是所谓的虚拟DOM。
之所以需要先使用状态生成虚拟节点，是因为如果直接用状态生成真实的DOM，会有一定程度上的性能浪费。而先创建虚拟节点再渲染视图，就可以将虚拟节点缓存，然后使用新创建的虚拟节点和上一次缓存的虚拟节点进行对比，然后根据不同的结果局部更新到视图上，避免不必要的DOM操作。