react學習-react執行個體的三大核心屬性

在React中，元件執行個體的三大核心屬性包含state、props、ref，通過這三大核心屬性的使用，我們能夠實作對元件的狀态進行更新。

state是元件對象 最重要的屬性，值是對象(可以包含多個key-value的組合)

元件被被稱為"狀态機"，通過更新元件的state更新對應的頁面顯示，state的狀态資料不能直接修改或更新，需要借助setState來更新或修改,且更新是一種合并，不是替換。

元件中的render方法中的this為元件執行個體對象

元件自定義的方法中this為undefined,可以通過函數對象的bind()強制綁定this,也可以使用箭頭函數

元件的狀态資料，不能直接修改或更新

*簡潔化

每個元件對象中對會含有props屬性

元件标簽的所有屬性都儲存在props中

通過标簽屬性從元件外向元件内傳遞變化的資料

元件内部不建議修改props的資料，資料的更新借助于state

在使用props向外傳遞變化的資料時，有時元件内部對于資料有一定的要求，就需要對props的屬性值進行類型限制和必要性限制

常用方法是使用prop-types庫進行限制（需引入prop-types庫）

在元件内使用，元件内的便簽可以定義ref屬性來表示自己

字元串形式

回調形式（常用）

createRef建立ref容器