react知識點整理50問（未完待續）

TIGERB 發布于2019-08-26 10:44 / 1796人閱讀

react知識點50問 1.react中的keys的作用

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

2.調用setState之后發生了什么

react會將傳入的參數對象和組件的當前狀態合并，根據新的狀態構建新的react元素樹，計算react新樹和老樹的差異，根據差異最小化對界面進行最小化渲染

3.react生命周期

初始化階段：
getDeaultProps（獲取實例的默認props）
getInitialState（獲取每個實例的初始狀態）
componentWillMount（組件即將被掛載、渲染到頁面上）
render（組件在這生產虛擬DOM）
componentDidMount（組件被掛載后、一般在這里調用ajax請求）

運行階段：
componentWillReceieveProps（組件要接受到屬性的時候調用）
shouldComponentUpdate（組件接受新的狀態或者新的屬性的時候；返回false，接受數據不更新，反之更新數據）
componentwillUpdate（組件即將更新）
render（組件更新）
componentDidUpdate（組件已經更新）

銷毀狀態：
componentWillUnMount（組件即將銷毀）

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

1565883383865

4.React中的refs是什么？

可以通過refs訪問到dom元素，并對dom元素進行操作

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

展示組件

主要負責組件內容如何展示

從props接受父組件傳遞來的數據

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

主要關注組件數據如何交互

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

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

6. 為什么建議傳遞給setState的參數建議是一個callback而，不是對象？

因為this.props和this.state的更新是異步的。

7.類組件和函數式組件有何不同

區別	函數式組件	類組件
是否有this	×	√
是否有生命周期	×	√
是否有state	×	√

8.狀態state和props屬性的區別

state是一種數據結構，用于組件掛載時所需數據的默認值，state可讀可寫

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

9.受控組件

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

10. 調用super（props）的目的

子類沒有自己的this對象，只能通過調用super（props）拿到

11.react中如何配置多個代理

在package.jsson中向以下這種格式設置proxy

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

12.react和vue的區別

react是單向數據流，只能通過setState的方法改變數據，vue中數據是響應式的，通過給每個屬性建立watcher來監聽，當屬性發生變化，響應式的更新對應的虛擬dom。

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

云服務器 GPU云服務器待續費郵箱待續費域名待續費愛問搜索

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/106702.html

react知識點整理50問（未完待續）

react知識點50問 1.react中的keys的作用 keys是react來追蹤哪些元素被修改添加、刪除的輔助標記 2.調用setState之后發生了什么 react會將傳入的參數對象和組件的當前狀態合并，根據新的狀態構建新的react元素樹，計算react新樹和老樹的差異，根據差異最小化對界面進行最小化渲染 3.react生命周期初始化階段：getDeaultProps（獲取實例的默認p...

wanghui 2019-08-30 15:44 評論0 收藏0
【半月刊 4】前端高頻面試題及答案匯總

摘要：引言半月刊第四期來啦，這段時間新增了道高頻面試題，今天就把最近半月匯總的面試題和部分答案發給大家，幫助大家查漏補缺，歡迎加群互相學習。更多更全的面試題和答案匯總在下面的項目中，點擊查看。引言半月刊第四期來啦，這段時間 Daily-Interview-Question 新增了 14 道高頻面試題，今天就把最近半月匯總的面試題和部分答案發給大家，幫助大家查漏補缺，歡迎加群互相學習。更多更...

hankkin 2019-05-23 17:31 評論0 收藏0
前端學習整理資料（未完待續）

摘要：前端月刊周刊文章百度前端圈奇虎團隊規范妙趣課堂開發社區百度規范騰訊淘寶攜程前端美團技術博客博客一峰老趙較舊舊深入理解系列安全相關頁凹凸實驗室前端開發規范攜程文章瀏覽器是如何工作的英文前端代碼規范及最佳實踐前端月刊：https://www.kancloud.cn/jsfro... 周刊文章http://ourjs.com/http://www.feweekly.com/issuesht...

nodejh 2019-08-21 16:51 評論0 收藏0
前端學習整理資料（未完待續）

摘要：前端月刊周刊文章百度前端圈奇虎團隊規范妙趣課堂開發社區百度規范騰訊淘寶攜程前端美團技術博客博客一峰老趙較舊舊深入理解系列安全相關頁凹凸實驗室前端開發規范攜程文章瀏覽器是如何工作的英文前端代碼規范及最佳實踐前端月刊：https://www.kancloud.cn/jsfro... 周刊文章http://ourjs.com/http://www.feweekly.com/issuesht...

lastSeries 2019-08-30 15:53 評論0 收藏0