古詩詞大全網 - 古詩大全 - 2022年前端React的100道面試題的第12題:區分props和state

2022年前端React的100道面試題的第12題:區分props和state

對 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

搜索《考試競技》微信小程序