react元件化是將一個複雜的頁面分割成若干個獨立的元件，每個元件包含自己的邏輯和樣式，再將這些獨立元件組合成完成一個複雜的頁面，這既減少了邏輯複雜度，有實作了程式碼的重用。
本教學操作環境：windows7系統、React17版，Dell G3電腦。
相關學習推薦：react影片教學
# 元件化概念：
我們可以很直覺的將一個複雜的頁面分割成若干個獨立的元件，每個元件包含自己的邏輯和樣式，再將這些獨立元件組合成完成一個複雜的頁面，這樣既減少了邏輯複雜度，有實現了程式碼的重用；
React推薦以元件的方式去重新思考UI構成，將UI上每一個功能相對獨立的模組定義成元件，然後將小的元件透過組合或嵌套的方式構成大的元件，最終完成整體UI的建置。
相當於我們的函數封裝，把具有某一特定功能的程式碼區塊單獨拎出來，封裝成獨立函數，需要使用時就去呼叫這個函數。這裡的React元件是針對UI介面進行封裝。同一個Nav可以在多個介面、多類別網站上使用，各自UI小分塊組成整個UI頁面。在團隊合作中，程式碼功能更容易解讀與維護。
React下的元件特徵：
（1）可組合：一個元件可以和其它的元件一起使用，或者可以直接嵌套再另外一個元件內部
（2）可重複使用：每個元件都是具有獨立功能的，可以使用在多個場景中
（3）可維護：每個小的元件僅包含自身的邏輯，更容易被理解和維護
相關免費學習推薦：javascript影片教學
##
以上是react元件化是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
