react初級基礎面試題（分享）

【相關專題推薦：react面試題（2020）】

1.  React 中keys 的作用是什麼？

key是React中用於追蹤哪些清單中元素被修改、刪除或被加入的輔助標識。在diff演算法中，key用來判斷該元素節點是被移動過來的還是新建立的元素，減少不必要的元素重複渲染。

2.  React 中有哪些建構元件的方式？

有什麼差別？

• 函數元件看似只是一個回傳值是DOM結構的函數，其實它的背後是無狀態元件的想法。
• 函數元件中，你無法使用State，也無法使用元件的生命週期方法，這就決定了函數元件都是展示性元件，接收Props，渲染DOM，而不關注其他邏輯
• 函數元件中沒有this
• 函數元件比較容易理解。當你看到函數元件時，你就知道它的功能只是接收屬性，渲染頁面，它不執行與UI無關的邏輯處理，它只是一個純函數。而不用在意它回傳的DOM結構有多複雜

3.呼叫 setState 之後發生了什麼事？

4.react diff 原理

• #把樹狀結構依照層級分解，只比較同級元素
• 給列表結構的每個單元都加入唯一的key 屬性，方便比較
• React 只會匹配相同class 的component（這裡面的class 指的是元件的名稱）
• 選擇性子樹渲染。開發人員可以重寫shouldComponentUpdate 提高diff 的效能

5.為什麼建議傳遞給setState 的參數是一個callback 而不是一個物件

#因為this. props 和this.state 的更新可能是異步的，不能依賴它們的值去計算下一個state

##6.關於this綁定？

7.setState第二個參數的作用

#該函數會在setState函數呼叫完成並且元件開始重渲染的時候被調用，我們可以用該函數來監聽渲染是否完成

8.(在建構函式中)呼叫super(props) 的目的是什麼

在super()在被呼叫之前，子類別是不能使用this 的，在ES5 中，子類別必須在constructor 中呼叫super()。傳遞props 給super() 的原因則是便於(在子類別中)能在

constructor 存取this.props

9.flux的思想和流程?

Flux 的最大特點，就是資料的"單向流動"。

流程：使用者存取
view
view發送使用者的action
dispatcher 接收action，要求store進行對應的更新
store更新後，發送一個change事件
view收到change事件後，更新頁面。

10. 在 React 當中 Element 和 Component 有何不同？

createElement 函數是JSX 編譯之後所使用的建立React Element的函數
• cloneElement 則是用來複製某個元素並傳入新的Props

#11.createElement 和cloneElement 有什麼區別

#更多程式相關內容，請關注php中文網

程式入門欄位！

以上是react初級基礎面試題（分享）的詳細內容。更多資訊請關注PHP中文網其他相關文章！