使用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,當然了除了渲染這個功能之外還有一些其他的方法,這里就不多說了。