react知識(shí)點(diǎn)整理50問（未完待續(xù)）

wanghui 發(fā)布于2019-08-30 15:44 / 1395人閱讀

react知識(shí)點(diǎn)50問 1.react中的keys的作用

keys是react來追蹤哪些元素被修改添加、刪除的輔助標(biāo)記

2.調(diào)用setState之后發(fā)生了什么

react會(huì)將傳入的參數(shù)對(duì)象和組件的當(dāng)前狀態(tài)合并，根據(jù)新的狀態(tài)構(gòu)建新的react元素樹，計(jì)算react新樹和老樹的差異，根據(jù)差異最小化對(duì)界面進(jìn)行最小化渲染

3.react生命周期

初始化階段：
getDeaultProps（獲取實(shí)例的默認(rèn)props）
getInitialState（獲取每個(gè)實(shí)例的初始狀態(tài)）
componentWillMount（組件即將被掛載、渲染到頁面上）
render（組件在這生產(chǎn)虛擬DOM）
componentDidMount（組件被掛載后、一般在這里調(diào)用ajax請(qǐng)求）

運(yùn)行階段：
componentWillReceieveProps（組件要接受到屬性的時(shí)候調(diào)用）
shouldComponentUpdate（組件接受新的狀態(tài)或者新的屬性的時(shí)候；返回false，接受數(shù)據(jù)不更新，反之更新數(shù)據(jù)）
componentwillUpdate（組件即將更新）
render（組件更新）
componentDidUpdate（組件已經(jīng)更新）

銷毀狀態(tài)：
componentWillUnMount（組件即將銷毀）

以上是React v16前的生命周期，下面是新的生命周期

1565883383865

4.React中的refs是什么？

可以通過refs訪問到dom元素，并對(duì)dom元素進(jìn)行操作

5.react中展示組件和容器組件有什么不同

展示組件

主要負(fù)責(zé)組件內(nèi)容如何展示

從props接受父組件傳遞來的數(shù)據(jù)

大多數(shù)可以通過函數(shù)定義組件聲明
容器組件

主要關(guān)注組件數(shù)據(jù)如何交互

擁有自身state，從服務(wù)器獲取數(shù)據(jù)，或與redux等其他數(shù)據(jù)處理模塊寫作

通過類定義組件聲明，包含生命周期函數(shù)和其他附加方法

6. 為什么建議傳遞給setState的參數(shù)建議是一個(gè)callback而，不是對(duì)象？

因?yàn)閠his.props和this.state的更新是異步的。

7.類組件和函數(shù)式組件有何不同

區(qū)別	函數(shù)式組件	類組件
是否有this	×	√
是否有生命周期	×	√
是否有state	×	√

8.狀態(tài)state和props屬性的區(qū)別

state是一種數(shù)據(jù)結(jié)構(gòu)，用于組件掛載時(shí)所需數(shù)據(jù)的默認(rèn)值，state可讀可寫

props是屬性的意思，是由父組件傳遞給子組件的，對(duì)子組件來說props不可變。
props只讀，state可讀可寫

9.受控組件

受控組件中的value值通過state獲取，同時(shí)通過onChange事件改變state中的value，有這樣特性的組件叫受控組件，反之，非受控組件通過refs操作真實(shí)DOM

10. 調(diào)用super（props）的目的

子類沒有自己的this對(duì)象，只能通過調(diào)用super（props）拿到

11.react中如何配置多個(gè)代理

在package.jsson中向以下這種格式設(shè)置proxy

"proxy": {
  "/api/RoomApi": {
    "target": "http://open.douyucdn.cn",
    "changeOrigin":true
  },
  "/api/v1":{
    "target":"http://capi.douyucdn.cn",
    "changeOrigin":true
  }
}

12.react和vue的區(qū)別

react是單向數(shù)據(jù)流，只能通過setState的方法改變數(shù)據(jù)，vue中數(shù)據(jù)是響應(yīng)式的，通過給每個(gè)屬性建立watcher來監(jiān)聽，當(dāng)屬性發(fā)生變化，響應(yīng)式的更新對(duì)應(yīng)的虛擬dom。

react通過js操作一切，vue是把html、js、css寫到一起，還是用各自的處理方式