首頁 > web前端 > js教程 > 主體

react初級基礎面試題(分享)

青灯夜游
發布: 2020-09-02 15:38:39
轉載
3983 人瀏覽過

react初級基礎面試題(分享)

【相關專題推薦:react面試題(2020)】

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

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

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

react初級基礎面試題(分享)

有什麼差別?

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

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

react初級基礎面試題(分享)

4.react diff 原理

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

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

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

##6.關於this綁定?

react初級基礎面試題(分享)

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 有什麼區別

react初級基礎面試題(分享)

react初級基礎面試題(分享)

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

程式入門欄位!

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

相關標籤:
來源:jianshu.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板