react的基本使用
相關(guān)的js庫(kù)
- react.js:react核心庫(kù)
- react.dom.js:提供操作Dom的react拓展庫(kù)
- babel.js: 解析jsx代碼轉(zhuǎn)化為js代碼的庫(kù)
創(chuàng)建虛擬dom的兩種方式
- 純js方式(一般不用)
- jsx方式
虛擬dom與真實(shí)dom
- react提供一些api來創(chuàng)建一種“特別”的一般js庫(kù)
- const VDom = React.createElement(xx, {id: xx}, xx)
- 上面創(chuàng)建的就是一個(gè)簡(jiǎn)單的虛擬DOM - 虛擬dom最終會(huì)被react轉(zhuǎn)化為真實(shí)dom
- 我們編碼時(shí)只需操作react的虛擬dom相關(guān)數(shù)據(jù)怕篷,react會(huì)轉(zhuǎn)化為真實(shí)dom變化而更新界面