React 328道最全面試題(持續更新)

時間 2019-11-05

標籤 react 全面試題持續更新欄目 React 简体版

原文原文鏈接

今天的React題沒有太多的故事……

半個月前出了248個Vue的知識點，受到不少朋友的關注，都強烈要求再出多些React相前的面試題，受到你們的邀請，我又找了20多個React的使用者，他們給出了328道React的面試題，由我整理好發給你們，同時發佈在了前端面試每日3+1的React專題，但願對你們有所幫助，同時你們能夠到上面做答，看本身有多少能答得上來的，答案就先不公佈了（答案都在大家的心中）...javascript

前端面試每日3+1（今天第94天）

《前端面試每日3+1》，學習不打烊，充電加油只爲遇到更好的本身，365天無節假日，天天早上5點純手工發佈面試題（死磕本身，愉悅你們）。
但願你們在這浮誇的前端圈裏，保持冷靜，堅持天天花20分鐘來學習與思考。
在這變幻無窮，類庫層出不窮的前端，建議你們不要等到找工做時，才狂刷題，提倡每日學習！（不忘初心，html、css、javascript纔是基石！）

【推薦】歡迎跟 jsliang 一塊兒折騰前端，系統整理前端知識，目前正在折騰 LeetCode，打算打通算法與數據結構的任督二脈。GitHub 地址css

超多題預警開始……

題目更新時間
- 第一次：2019.07.19 -> 328 道

React | ReactNative | React-Router | Redux/Mobox | Fluxhtml

React

何時使用狀態管理器？
render函數中return若是沒有使用()會有什麼問題？
componentWillUpdate能夠直接修改state的值嗎？
說說你對React的渲染原理的理解
什麼渲染劫持？
React Intl是什麼原理？
你有使用過React Intl嗎？
怎麼實現React組件的國際化呢？
說說Context有哪些屬性？
怎麼使用Context開發組件？
爲何React並不推薦咱們優先考慮使用Context？
除了實例的屬性能夠獲取Context外哪些地方還能直接獲取Context呢？
childContextTypes是什麼？它有什麼用？
contextType是什麼？它有什麼用？
Consumer向上找不到Provider的時候怎麼辦？
有使用過Consumer嗎？
在React怎麼使用Context？
React15和16別支持IE幾以上？
說說你對windowing的瞭解
舉例說明React的插槽有哪些運用場景？
你有用過React的插槽(Portals)嗎？怎麼用？
React的嚴格模式有什麼用處？
React如何進行代碼拆分？拆分的原則是什麼？
React組件的構造函數有什麼做用？
React組件的構造函數是必須的嗎？
React中在哪捕獲錯誤？
React怎樣引入svg的文件？
說說你對Relay的理解
在React中你有常用常量嗎？
爲何說React中的props是隻讀的？
你有使用過formik庫嗎？說說它的優缺點
你有用過哪些React的表單庫嗎？說說它們的優缺點
若是組件的屬性沒有傳值，那麼它的默認值是什麼？
可使用TypeScript寫React應用嗎？怎麼操做？
super()和super(props)有什麼區別？
你有使用過loadable組件嗎？它幫咱們解決了什麼問題？
你有使用過suspense組件嗎？它幫咱們解決了什麼問題？
怎樣動態導入組件？
如何給非控組件設置默認的值？
怎麼在React中引入其它的UI庫，例如Bootstrap
怎樣將事件傳遞給子組件？
怎樣使用Hooks獲取服務端數據？
使用Hooks要遵照哪些原則？
render方法的原理你有了解嗎？它返回的數據類型是什麼？
useEffect和useLayoutEffect有什麼區別？
在React項目中你用過哪些動畫的包？
React必須使用JSX嗎？
自定義組件時render是可選的嗎？爲何？
須要把keys設置爲全局惟一嗎？
怎麼定時更新一個組件？
React根據不一樣的環境打包不一樣的域名？
使用webpack打包React項目，怎麼減少生成的js大小？
在React中怎麼使用async/await？
你閱讀了幾遍React的源碼？都有哪些收穫？你是怎麼閱讀的？
什麼是React.forwardRef？它有什麼做用？
寫個例子說明什麼是JSX的內聯條件渲染
在React中怎麼將參數傳遞給事件？
React的事件和普通的HTML事件有什麼不一樣？
在React中怎麼阻止事件的默認行爲？
你最喜歡React的哪個特性（說一個就好）？
在React中何時使用箭頭函數更方便呢？
你最不喜歡React的哪個特性（說一個就好）？
說說你對React的reconciliation（一致化算法）的理解
使用PropTypes和Flow有什麼區別？
怎樣有條件地渲染組件？
在JSX中如何寫註釋？
constructor和getInitialState有不一樣？
寫例子說明React如何在JSX中實現for循環
爲何建議Fragment包裹元素？它的簡寫是什麼？
你有用過React.Fragment嗎？說說它有什麼用途？
在React中你有遇到過安全問題嗎？怎麼解決？
React中如何監聽state的變化？
React什麼是有狀態組件？
React v15中怎麼處理錯誤邊界？
React Fiber它的目的是解決什麼問題？
React爲何不要直接修改state？若是想修改怎麼作？
create-react-app有什麼好處？
裝飾器(Decorator)在React中有什麼應用？
使用高階組件(HOC)實現一個loading組件
如何用React實現滾動動畫？
說出幾點你認爲的React最佳實踐
你是如何劃分React組件的？
舉例說明如何在React建立一個事件
如何更新組件的狀態？
怎樣將多個組件嵌入到一個組件中？
React的render中能夠寫{if else}這樣的判斷嗎？
React爲何要搞一個Hooks？
React Hooks幫咱們解決了哪些問題？
使用React的memo和forwardRef包裝的組件爲何提示children類型不對？
有在項目中使用過Antd嗎？說說它的好處
在React中若是去除生產環境上的sourcemap？
在React中怎麼引用sass或less？
組件卸載前，加在DOM元素的監聽事件和定時器要不要手動清除？爲何？
爲何標籤裏的for要寫成htmlFor呢？
狀態管理器解決了什麼問題？何時用狀態管理器？
狀態管理器它精髓是什麼？
函數式組件有沒有生命週期？爲何？
在React中怎麼引用第三方插件？好比說jQuery等
React的觸摸事件有哪幾種？
路由切換時同一組件沒法從新渲染的有什麼方法能夠解決？
React16新特性有哪些？
你有用過哪些React的UI庫？它們的優缺點分別是什麼？
<div onClick={handlerClick}>單擊</div>和<div onClick={handlerClick(1)}>單擊</div>有什麼區別？
在React中如何引入圖片？哪一種方式更好？
在React中怎麼使用字體圖標？
React的應用如何打包發佈？它的步驟是什麼？
ES6的語法'...'在React中有哪些應用？
如何封裝一個React的全局公共組件？
在React中組件的props改變時更新組件的有哪些方法？
immutable的原理是什麼？
你對immutable有了解嗎？它有什麼做用？
如何提升組件的渲染效率呢？
在React中如何避免沒必要要的render？
render在何時會被觸發？
寫出React動態改變class切換組件樣式
React中怎麼操做虛擬DOM的Class屬性？
爲何屬性使用className而不是class呢？
請說下react組件更新的機制是什麼？
怎麼在JSX裏屬性能夠被覆蓋嗎？覆蓋的原則是什麼？
怎麼在JSX裏使用自定義屬性？
怎麼防止HTML被轉義？
常常用React，你知道React的核心思想是什麼嗎？
在React中咱們怎麼作靜態類型檢測？都有哪些方法能夠作到？
在React中組件的state和setState有什麼區別？
React怎樣跳太重新渲染？
React怎麼判斷何時從新渲染組件呢？
什麼是React的實例？函數式組件有沒有實例？
在React中如何判斷點擊元素屬於哪個組件？
在React中組件和元素有什麼區別？
在React中聲明組件時組件名的第一個字母必須是大寫嗎？爲何？
舉例說明什麼是高階組件(HOC)的反向繼承？
有用過React Devtools嗎？說說它的優缺點分別是什麼？
舉例說明什麼是高階組件(HOC)的屬性代理？
React的isMounted有什麼做用？
React組件命名推薦的方式是哪一個？爲何不推薦使用displayName？
React的displayName有什麼做用？
說說你對React的組件命名規範的理解
說說你對React的項目結構的理解
React16廢棄了哪些生命週期？爲何？
怎樣在React中開啓生產模式？
React中getInitialState方法的做用是什麼？
React中你知道creatClass的原理嗎？
React中驗證props的目的是什麼？
React中你有使用過getDefaultProps嗎？它有什麼做用？
React中你有使用過propType嗎？它有什麼做用？
React中怎麼檢驗props？
React.createClass和extends Component的區別有哪些？
高階組件(HOC)有哪些優勢和缺點？
給組件設置不少屬性時不想一個個去設置有什麼辦法能夠解決這問題呢？
React16跟以前的版本生命週期有哪些變化？
怎樣實現React組件的記憶？原理是什麼？
建立React動畫有哪些方式？
爲何建議不要過渡使用Refs？
在React使用高階組件(HOC)有遇到過哪些問題？如何解決？
在使用React過程當中何時用高階組件(HOC)？
說說React diff的原理是什麼？
React怎麼提升列表渲染的性能？
使用ES6的class定義的組件不支持mixins了，那用什麼能夠替代呢？
爲什麼說虛擬DOM會提升性能？
React的性能優化在哪一個生命週期？它優化的原理是什麼？
你知道的React性能優化有哪些方法？
舉例說明在React中怎麼使用樣式？
React有哪幾種方法來處理表單輸入？
什麼是淺層渲染？
你有作過React的單元測試嗎？若是有，用的是哪些工具？怎麼作的？
在React中什麼是合成事件？有什麼用？
使用React寫一個todo應用，說說你的思路
React16的reconciliation和commit分別是什麼？
React的函數式組件有沒有生命週期？
useState和this.state的區別是什麼？
請說說什麼是useImperativeHandle？
請說說什麼是useReducer？
請說說什麼是useRef？
請說說什麼是useEffect？
舉例說明useState
請說說什麼是useState？爲何要使用useState？
請描述下你對React的新特性Hooks的理解？它有哪些應用場景？
說說你對Error Boundaries的理解
說說你對Fiber架構的理解
說說你是怎麼理解React的業務組件和技術組件的？
爲何建議setState的第一個參數是callback而不是一個對象呢？
展現組件和容器組件有什麼區別？
Mern和Yeoman腳手架有什麼區別？
你有在項目中使用過Yeoman腳手架嗎？
你有在項目中使用過Mern腳手架嗎？
shouldComponentUpdate方法是作什麼的？
怎樣在React中使用innerHTML？
你有寫過React的中間件插件嗎？
React的中間件機制是怎麼樣的？這種機制有什麼做用？
React中你用過哪些第三方的中間件？
不用腳手架，你會手動搭建React項目嗎？
請說說React中Portal是什麼？
React中修改prop引起的生命週期有哪幾個？
React多個setState調用的原理是什麼？
React中調用setState會更新的生命週期有哪幾個？
React中setState的第二個參數做用是什麼呢？
React中的setState是同步仍是異步的呢？爲何state並不必定會同步更新？
React中的setState批量更新的過程是什麼？
React中的setState執行機制是什麼呢？
在React中遍歷的方法有哪些？它們有什麼區別呢？
請說說你對React的render方法的理解
props.children.map和js的map有什麼區別？爲何優先選擇React的？
有用過React的嚴格模式嗎？
React中的setState和replaceState的區別是什麼？
React中的setState缺點是什麼呢？
有用過React的Fragment嗎？它的運用場景是什麼？
React組件間共享數據方法有哪些？
React的狀態提高是什麼？使用場景有哪些？
簡單描述下你有作過哪些React項目？
在構造函數中調用super(props)的目的是什麼？
你是如何學習React的？
從舊版本的React升級到新版本的React有作過嗎？有遇到過什麼坑？
你用過React版本有哪些？
有用過React的服務端渲染嗎？怎麼作的？
React的mixins有什麼做用？適用於什麼場景？
React怎麼拿到組件對應的DOM元素？
請描述下事件在React中的處理方式是什麼？
JSX和HTML有什麼區別？
React的書寫規範有哪些？
create-react-app建立新運用怎麼解決卡的問題？
使用React的方式有哪幾種？
說說你對reader的context的理解
同時引用這三個庫React.js、React-dom.js和babel.js它們都有什麼做用？
你知道Virtual DOM的工做原理嗎？
你閱讀過React的源碼嗎？簡要說下它的執行流程
React中怎樣阻止組件渲染？
React非兄弟組件如何通訊？
React兄弟組件如何通訊？
React非父子組件如何通訊？
React父子組件如何通訊？
React組件間的通訊有哪些？
類組件和函數式組件有什麼區別？
React自定義組件你寫過嗎？說說看都寫過哪些？
React組件的state和props二者有什麼區別？
React有幾種構建組件的方式？能夠寫出來嗎？
React中遍歷時爲何不用索引做爲惟一的key值？
React中的key有什麼做用？
React中除了在構造函數中綁定this,還有別的方式嗎？
在React中頁面從新加載時怎樣保留數據？
請描述下React的事件機制
怎樣在React中建立一個事件？
在React中無狀態組件有什麼運用場景？
描述下在React中無狀態組件和有狀態組件的區別是什麼？
寫一個React的高階組件(HOC)並說明你對它的理解
React中能夠在render訪問refs嗎？爲何？
React中refs的做用是什麼？有哪些應用場景？
請描述你對純函數的理解？
受控組件和非受控組件有什麼區別？
React中什麼是非控組件？
React中什麼是受控組件？
React中發起網絡請求應該在哪一個生命週期中進行？爲何？
說說React的生命週期有哪些？
說說你對「在React中，一切都是組件」的理解
寫React你是用es6仍是es5的語法？有什麼區別？
瀏覽器爲何沒法直接JSX？怎麼解決呢？
在使用React過程當中你都踩過哪些坑？你是怎麼填坑的？
說說你喜歡React的緣由是什麼？它有什麼優缺點？
如何解決引用類型在pureComponent下修改值的時候，頁面不渲染的問題？
createElement與cloneElement二者有什麼區別？
解釋下React中Element 和Component二者的區別是什麼？
解釋下React中component和pureComponent二者的區別是什麼？
React的虛擬DOM和vue的虛擬DOM有什麼區別？
你以爲React上手快不快？它有哪些限制？
說說你對聲明式編程的理解？
React與angular、vue有什麼區別？
React是哪一個公司開發的？
React是什麼？它的主要特色是什麼？
簡要描述下你知道的React工做原理是什麼？
在React中怎樣改變組件狀態，以及狀態改變的過程是什麼？
在React中你是怎麼進行狀態管理的？
React聲明組件有哪幾種方法，各有什麼不一樣？