我們在寫react代碼的時候颂翼,使用的都是jsx的語法,那jsx是怎么轉化成js能被瀏覽器識別的呢慨灭。
我們直接看babel是怎么轉譯的朦乏。左側是jsx語法,右側是轉譯結果氧骤。
image.png
很明顯呻疹,react通過React.createElement來把jsx語法轉化成瀏覽器能識別的js語法。
createElement接收三個參數(shù)语淘,分別是type, config, children诲宇。
type是一個string類型,用來區(qū)分標簽類型惶翻,如果是大寫的的type姑蓝,則會被識別為是組件。
config則是標簽的屬性例如id吕粗,class等纺荧。
children是子元素,如果沒有子元素就沒有颅筋。