使用react开发网页的话,我们难免会下载两个包,一个是react,一个是react-dom,其中react是react的核心代码。react的核心思想是虚拟Dom,其实虚拟Dom改变没有那么复杂,简单而言就是一个js的对象来表达一个dom包含的东西,例如如下代码:
{ "tagName": "div", "attrs": { "styles": { "fontSize": "20px" } }, "children": [ { "tagName": "span", "children": ["hello,world"] } ] }
就表达了一个div标签里面有一个span标签,标签里面是个文本节点,文字内容就是’hello,world‘,react包保函了生成虚拟dom的函数react.createElement,以及Component这个类,我们自己写的类需要继承这个类,主要是继承一些react的高级方法,而包react-dom的核心功能就是把这些虚拟Dom渲染到文档中变成实际dom,当然了除了渲染这个功能之外还有一些其他的方法,这里就不多说了。