react和react-dom是什么？

Posted 2020-10-31 名分开就是姓名

    使用react开发网页的话，我们难免会下载两个包，一个是react，一个是react-dom，其中react是react的核心代码。react的核心思想是虚拟Dom，其实虚拟Dom改变没有那么复杂，简单而言就是一个js的对象来表达一个dom包含的东西，例如如下代码：

{
    "tagName": "div",
    "attrs": {
        "styles": {
            "fontSize": "20px"
        }
    },
    "children": [
        {
            "tagName": "text",
            "children": ["hello,world"]
        }
    ]
}

　　就表达了一个div标签里面有一个文本节点，文字内容就是’hello,world‘，react包保函了生成虚拟dom的放，已经组件Component这个类，我们自己写的类需要继承这个类，已经一些其它react的高级api，而包react-dom的核心功能就是把这些虚拟Dom渲染到文档中变成实际dom，当然了除了渲染这个功能之外还有一些其他的方法，这里就不多说了。