使用reactJs的一些總結(jié)和筆記
智能組件&木偶組件
這是用 React 做系統(tǒng)設(shè)計(jì)時的兩個非常重要的概念扛邑。雖然在 React 中,所有的單位都叫做“組件”,但是通過以上例子,我們還是將它們分別放在了./app/containers和./app/components兩個文件夾中。為何要分開呢术浪?
智能組件 在日常開發(fā)中,我們也簡稱“頁面”寿酌。為何說它“智能”胰苏,因?yàn)樗粫鲆恍┖苈斆鞯氖聝海K活累活都不干醇疼。它只對數(shù)據(jù)負(fù)責(zé)硕并,只需要獲取了數(shù)據(jù)、定義好數(shù)據(jù)操作的相關(guān)函數(shù)僵腺,然后將這些數(shù)據(jù)鲤孵、函數(shù)直接傳遞給具體實(shí)現(xiàn)的組件即可
木偶組件 這里“木偶”一詞用的特別形象,它總是被人拿線牽著辰如。它從智能組件(或頁面)那里接受到數(shù)據(jù)普监、函數(shù),然后就開始做一些展示工作琉兜,它的工作就是把拿到的數(shù)據(jù)展示給用戶凯正,函數(shù)操作開放給用戶。至于數(shù)據(jù)內(nèi)容是什么豌蟋,函數(shù)操作是什么廊散,它不關(guān)心。
以上兩個如果不是理解的很深刻梧疲,待把課程學(xué)完再回頭看一下這兩句話允睹,相信會理解的运准。