## 前言 以下統計一些常見的react面試題自己做的解答，希望能幫助你對這些知識點有一些了解。以下內容適合react入門的同學，大佬請忽略 ## jsx是什么？我們應該怎么寫？瀏覽器是怎么識別它的 備注：要說出jsx的原理，以及帶來的限制，為什么只能返回一個元素。加分回答內容：為什么組件名要首字母大寫（回答出react怎么區分組件和基本元素就好） 。 ## 在 React 中你可以聲明的兩種主要組件類型是什么以及使用時怎樣在兩者間選擇？ 其實說的是關于?`React.Component`?和函數組件的顯示區別的，一般情況下我們縮寫的大部分組件都是用受控組件的，其包含整個的組件生命周期，可以控制狀態。而函數組件更多的是根據屬性返回固定的dom渲染結果，與component相比，其渲染更高效，而且react也提倡我們更多的用函數組件來提高應用的性能。 ## react的生命周期會是什么樣的？你建議哪些周期應該寫哪些函數 componentWillMount,componentDidMount,componentWillReceiveProps,componentShouldUpdate,componentWillUpdate,componentDidUpdate,componentWillUnmount,componentUnmounted ## 為什么請求數據寫在didMount生命周期 ### 原理角度 在15版本，willMount生命周期設置setState不會觸發頁面重新渲染，而在didMount里會觸發渲染。 在16版本，willMount會執行多次，導致請求多次，造成資源浪費；而didMount只執行一次，在did里更安全 ### 產品角度 一般情況下，產品主流體驗的部分分為兩種。 1 請求有數據和沒有數據都可以正常顯示，當沒有請求數據時，顯示頁面模板，默認的空數據；當請求到數據之后，進行真實數據渲染。這種適用于頁面布局布局，內容版圖也固定的。這種比如帶數據的固定展示表單布局。 2 頁面的內容全部依賴于數據，此時展示假的布局都不可能，此時更希望是加載到數據之后給用戶展示，因為基本沒有其他內容可供用戶查看，這種比如數據列表。 ### 框架角度 希望渲染組件之后請求，框架考慮了其他因素，為了避免渲染之前請求數據導致的副作用，所以建議請求數據寫在didMount周期。 ### 開發角度 希望渲染組件之后請求數據，這樣避免了其他子組件考慮各種數據為空的情況。