對 props 和 state 設計理解正常的是?
A. 它們都是純 JS 對象。
B. props 只能來自父級,組件本身始終無法設置。
C. 只有在 state 變化觸發時,才會觸發組件更新渲染。
D. props 是壹種將數據從父級傳遞給子級的方式, state 僅用於交互性,即隨時間變化的數據。
A、D
糾錯
B. 如果選項是 ” props 只能來自父級,組件本身無法更新。“,那麽就是正確的,是不能修改,而非不能設置。壹個組件可以有默認的 props,也可以通過 defaultProps 設置默認值。
C. props 和 state 的變化都會觸發組件更新渲染 。
它們都是用來保存信息的,這些信息可以控制組件的渲染輸出。
而它們的壹個重要的不同點就是: props 是傳遞 給 組件的(類似於函數的形參),而 state 是在組件 內 被組件自己管理的(類似於在壹個函數內聲明的變量)。
props
默認情況下,組件沒有狀態。下面是以函數組件為例,最簡單的參數:
props 由父組件設置的信息,盡管可以設置默認值,並且不能改變它。
state
主要用於用戶的事件狀態的管理,它應是壹個可序列化的數據。它允許組件進行初始化、更改和使用的“私有”信息。
默認值
從父級組件傳入的 props 值,和 state 初始值都會覆蓋組件內定義的默認值。
下面是 props 的初始化示例:
下面是 state 的初始化示例:
/uberVU/react-guide/blob/master/props-vs-state.md
/blog/2016/react-state-vs-pros
搜索《考試競技》微信小程序