摘要：希望大家在這浮夸的前端圈里，保持冷靜，堅(jiān)持每天花分鐘來(lái)學(xué)習(xí)與思考。

半個(gè)月前出了248個(gè)Vue的知識(shí)點(diǎn)，受到很多朋友的關(guān)注，都強(qiáng)烈要求再出多些React相前的面試題，受到大家的邀請(qǐng)，我又找了20多個(gè)React的使用者，他們給出了328道React的面試題，由我整理好發(fā)給大家，同時(shí)發(fā)布在了前端面試每日3+1的React專(zhuān)題，希望對(duì)大家有所幫助，同時(shí)大家可以到上面作答，看自己有多少能答得上來(lái)的，答案就先不公布了（答案都在你們的心中）...

《前端面試每日3+1》，學(xué)習(xí)不打烊，充電加油只為遇到更好的自己，365天無(wú)節(jié)假日，每天早上5點(diǎn)純手工發(fā)布面試題（死磕自己，愉悅大家）。

希望大家在這浮夸的前端圈里，保持冷靜，堅(jiān)持每天花20分鐘來(lái)學(xué)習(xí)與思考。

在這千變?nèi)f化，類(lèi)庫(kù)層出不窮的前端，建議大家不要等到找工作時(shí)，才狂刷題，提倡每日學(xué)習(xí)！（不忘初心，html、css、javascript才是基石！）

題目更新時(shí)間

第一次：2019.07.19 -> 328 道

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

什么時(shí)候使用狀態(tài)管理器？

render函數(shù)中return如果沒(méi)有使用()會(huì)有什么問(wèn)題？

componentWillUpdate可以直接修改state的值嗎？

說(shuō)說(shuō)你對(duì)React的渲染原理的理解

什么渲染劫持？

React Intl是什么原理？

你有使用過(guò)React Intl嗎？

怎么實(shí)現(xiàn)React組件的國(guó)際化呢？

說(shuō)說(shuō)Context有哪些屬性？

怎么使用Context開(kāi)發(fā)組件？

為什么React并不推薦我們優(yōu)先考慮使用Context？

除了實(shí)例的屬性可以獲取Context外哪些地方還能直接獲取Context呢？

childContextTypes是什么？它有什么用？

contextType是什么？它有什么用？

Consumer向上找不到Provider的時(shí)候怎么辦？

有使用過(guò)Consumer嗎？

在React怎么使用Context？

React15和16別支持IE幾以上？

說(shuō)說(shuō)你對(duì)windowing的了解

舉例說(shuō)明React的插槽有哪些運(yùn)用場(chǎng)景？

你有用過(guò)React的插槽(Portals)嗎？怎么用？

React的嚴(yán)格模式有什么用處？

React如何進(jìn)行代碼拆分？拆分的原則是什么？

React組件的構(gòu)造函數(shù)有什么作用？

React組件的構(gòu)造函數(shù)是必須的嗎？

React中在哪捕獲錯(cuò)誤？

React怎樣引入svg的文件？

說(shuō)說(shuō)你對(duì)Relay的理解

在React中你有經(jīng)常使用常量嗎？

為什么說(shuō)React中的props是只讀的？

你有使用過(guò)formik庫(kù)嗎？說(shuō)說(shuō)它的優(yōu)缺點(diǎn)

你有用過(guò)哪些React的表單庫(kù)嗎？說(shuō)說(shuō)它們的優(yōu)缺點(diǎn)

如果組件的屬性沒(méi)有傳值，那么它的默認(rèn)值是什么？

可以使用TypeScript寫(xiě)React應(yīng)用嗎？怎么操作？

super()和super(props)有什么區(qū)別？

你有使用過(guò)loadable組件嗎？它幫我們解決了什么問(wèn)題？

你有使用過(guò)suspense組件嗎？它幫我們解決了什么問(wèn)題？

怎樣動(dòng)態(tài)導(dǎo)入組件？

如何給非控組件設(shè)置默認(rèn)的值？

怎么在React中引入其它的UI庫(kù)，例如Bootstrap

怎樣將事件傳遞給子組件？

怎樣使用Hooks獲取服務(wù)端數(shù)據(jù)？

使用Hooks要遵守哪些原則？

render方法的原理你有了解嗎？它返回的數(shù)據(jù)類(lèi)型是什么？

useEffect和useLayoutEffect有什么區(qū)別？

在React項(xiàng)目中你用過(guò)哪些動(dòng)畫(huà)的包？

React必須使用JSX嗎？

自定義組件時(shí)render是可選的嗎？為什么？

需要把keys設(shè)置為全局唯一嗎？

怎么定時(shí)更新一個(gè)組件？

React根據(jù)不同的環(huán)境打包不同的域名？

使用webpack打包React項(xiàng)目，怎么減小生成的js大小？

在React中怎么使用async/await？

你閱讀了幾遍React的源碼？都有哪些收獲？你是怎么閱讀的？

什么是React.forwardRef？它有什么作用？

寫(xiě)個(gè)例子說(shuō)明什么是JSX的內(nèi)聯(lián)條件渲染

在React中怎么將參數(shù)傳遞給事件？

React的事件和普通的HTML事件有什么不同？

在React中怎么阻止事件的默認(rèn)行為？

你最喜歡React的哪一個(gè)特性（說(shuō)一個(gè)就好）？

在React中什么時(shí)候使用箭頭函數(shù)更方便呢？

你最不喜歡React的哪一個(gè)特性（說(shuō)一個(gè)就好）？

說(shuō)說(shuō)你對(duì)React的reconciliation（一致化算法）的理解

使用PropTypes和Flow有什么區(qū)別？

怎樣有條件地渲染組件？

在JSX中如何寫(xiě)注釋?zhuān)?/p>

constructor和getInitialState有不同？

寫(xiě)例子說(shuō)明React如何在JSX中實(shí)現(xiàn)for循環(huán)

為什么建議Fragment包裹元素？它的簡(jiǎn)寫(xiě)是什么？

你有用過(guò)React.Fragment嗎？說(shuō)說(shuō)它有什么用途？

在React中你有遇到過(guò)安全問(wèn)題嗎？怎么解決？

React中如何監(jiān)聽(tīng)state的變化？

React什么是有狀態(tài)組件？

React v15中怎么處理錯(cuò)誤邊界？

React Fiber它的目的是解決什么問(wèn)題？

React為什么不要直接修改state？如果想修改怎么做？

create-react-app有什么好處？

裝飾器(Decorator)在React中有什么應(yīng)用？

使用高階組件(HOC)實(shí)現(xiàn)一個(gè)loading組件

如何用React實(shí)現(xiàn)滾動(dòng)動(dòng)畫(huà)？

說(shuō)出幾點(diǎn)你認(rèn)為的React最佳實(shí)踐

你是如何劃分React組件的？

舉例說(shuō)明如何在React創(chuàng)建一個(gè)事件

如何更新組件的狀態(tài)？

怎樣將多個(gè)組件嵌入到一個(gè)組件中？

React的render中可以寫(xiě){if else}這樣的判斷嗎？

React為什么要搞一個(gè)Hooks？

React Hooks幫我們解決了哪些問(wèn)題？

使用React的memo和forwardRef包裝的組件為什么提示children類(lèi)型不對(duì)？

有在項(xiàng)目中使用過(guò)Antd嗎？說(shuō)說(shuō)它的好處

在React中如果去除生產(chǎn)環(huán)境上的sourcemap？

在React中怎么引用sass或less？

組件卸載前，加在DOM元素的監(jiān)聽(tīng)事件和定時(shí)器要不要手動(dòng)清除？為什么？

為什么標(biāo)簽里的for要寫(xiě)成htmlFor呢？

狀態(tài)管理器解決了什么問(wèn)題？什么時(shí)候用狀態(tài)管理器？

狀態(tài)管理器它精髓是什么？

函數(shù)式組件有沒(méi)有生命周期？為什么？

在React中怎么引用第三方插件？比如說(shuō)jQuery等

React的觸摸事件有哪幾種？

路由切換時(shí)同一組件無(wú)法重新渲染的有什么方法可以解決？

React16新特性有哪些？

你有用過(guò)哪些React的UI庫(kù)？它們的優(yōu)缺點(diǎn)分別是什么？

在React中如何引入圖片？哪種方式更好？

在React中怎么使用字體圖標(biāo)？

React的應(yīng)用如何打包發(fā)布？它的步驟是什么？

ES6的語(yǔ)法"..."在React中有哪些應(yīng)用？

如何封裝一個(gè)React的全局公共組件？

在React中組件的props改變時(shí)更新組件的有哪些方法？

immutable的原理是什么？

你對(duì)immutable有了解嗎？它有什么作用？

如何提高組件的渲染效率呢？

在React中如何避免不必要的render？

render在什么時(shí)候會(huì)被觸發(fā)？

寫(xiě)出React動(dòng)態(tài)改變class切換組件樣式

React中怎么操作虛擬DOM的Class屬性？

為什么屬性使用className而不是class呢？

請(qǐng)說(shuō)下react組件更新的機(jī)制是什么？

怎么在JSX里屬性可以被覆蓋嗎？覆蓋的原則是什么？

怎么在JSX里使用自定義屬性？

怎么防止HTML被轉(zhuǎn)義？

經(jīng)常用React，你知道React的核心思想是什么嗎？

在React中我們?cè)趺醋鲮o態(tài)類(lèi)型檢測(cè)？都有哪些方法可以做到？

在React中組件的state和setState有什么區(qū)別？

React怎樣跳過(guò)重新渲染？

React怎么判斷什么時(shí)候重新渲染組件呢？

什么是React的實(shí)例？函數(shù)式組件有沒(méi)有實(shí)例？

在React中如何判斷點(diǎn)擊元素屬于哪一個(gè)組件？

在React中組件和元素有什么區(qū)別？

在React中聲明組件時(shí)組件名的第一個(gè)字母必須是大寫(xiě)嗎？為什么？

舉例說(shuō)明什么是高階組件(HOC)的反向繼承？

有用過(guò)React Devtools嗎？說(shuō)說(shuō)它的優(yōu)缺點(diǎn)分別是什么？

舉例說(shuō)明什么是高階組件(HOC)的屬性代理？

React的isMounted有什么作用？

React組件命名推薦的方式是哪個(gè)？為什么不推薦使用displayName？

React的displayName有什么作用？

說(shuō)說(shuō)你對(duì)React的組件命名規(guī)范的理解

說(shuō)說(shuō)你對(duì)React的項(xiàng)目結(jié)構(gòu)的理解

React16廢棄了哪些生命周期？為什么？

怎樣在React中開(kāi)啟生產(chǎn)模式？

React中g(shù)etInitialState方法的作用是什么？

React中你知道creatClass的原理嗎？

React中驗(yàn)證props的目的是什么？

React中你有使用過(guò)getDefaultProps嗎？它有什么作用？

React中你有使用過(guò)propType嗎？它有什么作用？

React中怎么檢驗(yàn)props？

React.createClass和extends Component的區(qū)別有哪些？

高階組件(HOC)有哪些優(yōu)點(diǎn)和缺點(diǎn)？

給組件設(shè)置很多屬性時(shí)不想一個(gè)個(gè)去設(shè)置有什么辦法可以解決這問(wèn)題呢？

React16跟之前的版本生命周期有哪些變化？

怎樣實(shí)現(xiàn)React組件的記憶？原理是什么？

創(chuàng)建React動(dòng)畫(huà)有哪些方式？

為什么建議不要過(guò)渡使用Refs？

在React使用高階組件(HOC)有遇到過(guò)哪些問(wèn)題？如何解決？

在使用React過(guò)程中什么時(shí)候用高階組件(HOC)？

說(shuō)說(shuō)React diff的原理是什么？

React怎么提高列表渲染的性能？

使用ES6的class定義的組件不支持mixins了，那用什么可以替代呢？

為何說(shuō)虛擬DOM會(huì)提高性能？

React的性能優(yōu)化在哪個(gè)生命周期？它優(yōu)化的原理是什么？

你知道的React性能優(yōu)化有哪些方法？

舉例說(shuō)明在React中怎么使用樣式？

React有哪幾種方法來(lái)處理表單輸入？

什么是淺層渲染？

你有做過(guò)React的單元測(cè)試嗎？如果有，用的是哪些工具？怎么做的？

在React中什么是合成事件？有什么用？

使用React寫(xiě)一個(gè)todo應(yīng)用，說(shuō)說(shuō)你的思路

React16的reconciliation和commit分別是什么？

React的函數(shù)式組件有沒(méi)有生命周期？

useState和this.state的區(qū)別是什么？

請(qǐng)說(shuō)說(shuō)什么是useImperativeHandle？

請(qǐng)說(shuō)說(shuō)什么是useReducer？

請(qǐng)說(shuō)說(shuō)什么是useRef？

請(qǐng)說(shuō)說(shuō)什么是useEffect？

舉例說(shuō)明useState

請(qǐng)說(shuō)說(shuō)什么是useState？為什么要使用useState？

請(qǐng)描述下你對(duì)React的新特性Hooks的理解？它有哪些應(yīng)用場(chǎng)景？

說(shuō)說(shuō)你對(duì)Error Boundaries的理解

說(shuō)說(shuō)你對(duì)Fiber架構(gòu)的理解

說(shuō)說(shuō)你是怎么理解React的業(yè)務(wù)組件和技術(shù)組件的？

為什么建議setState的第一個(gè)參數(shù)是callback而不是一個(gè)對(duì)象呢？

展示組件和容器組件有什么區(qū)別？

Mern和Yeoman腳手架有什么區(qū)別？

你有在項(xiàng)目中使用過(guò)Yeoman腳手架嗎？

你有在項(xiàng)目中使用過(guò)Mern腳手架嗎？

shouldComponentUpdate方法是做什么的？

怎樣在React中使用innerHTML？

你有寫(xiě)過(guò)React的中間件插件嗎？

React的中間件機(jī)制是怎么樣的？這種機(jī)制有什么作用？

React中你用過(guò)哪些第三方的中間件？

不用腳手架，你會(huì)手動(dòng)搭建React項(xiàng)目嗎？

請(qǐng)說(shuō)說(shuō)React中Portal是什么？

React中修改prop引發(fā)的生命周期有哪幾個(gè)？

React多個(gè)setState調(diào)用的原理是什么？

React中調(diào)用setState會(huì)更新的生命周期有哪幾個(gè)？

React中setState的第二個(gè)參數(shù)作用是什么呢？

React中的setState是同步還是異步的呢？為什么state并不一定會(huì)同步更新？

React中的setState批量更新的過(guò)程是什么？

React中的setState執(zhí)行機(jī)制是什么呢？

在React中遍歷的方法有哪些？它們有什么區(qū)別呢？

請(qǐng)說(shuō)說(shuō)你對(duì)React的render方法的理解

props.children.map和js的map有什么區(qū)別？為什么優(yōu)先選擇React的？

有用過(guò)React的嚴(yán)格模式嗎？

React中的setState和replaceState的區(qū)別是什么？

React中的setState缺點(diǎn)是什么呢？

有用過(guò)React的Fragment嗎？它的運(yùn)用場(chǎng)景是什么？

React組件間共享數(shù)據(jù)方法有哪些？

React的狀態(tài)提升是什么？使用場(chǎng)景有哪些？

簡(jiǎn)單描述下你有做過(guò)哪些React項(xiàng)目？

在構(gòu)造函數(shù)中調(diào)用super(props)的目的是什么？

你是如何學(xué)習(xí)React的？

從舊版本的React升級(jí)到新版本的React有做過(guò)嗎？有遇到過(guò)什么坑？

你用過(guò)React版本有哪些？

有用過(guò)React的服務(wù)端渲染嗎？怎么做的？

React的mixins有什么作用？適用于什么場(chǎng)景？

React怎么拿到組件對(duì)應(yīng)的DOM元素？

請(qǐng)描述下事件在React中的處理方式是什么？

JSX和HTML有什么區(qū)別？

React的書(shū)寫(xiě)規(guī)范有哪些？

create-react-app創(chuàng)建新運(yùn)用怎么解決卡的問(wèn)題？

使用React的方式有哪幾種？

說(shuō)說(shuō)你對(duì)reader的context的理解

同時(shí)引用這三個(gè)庫(kù)React.js、React-dom.js和babel.js它們都有什么作用？

你知道Virtual DOM的工作原理嗎？

你閱讀過(guò)React的源碼嗎？簡(jiǎn)要說(shuō)下它的執(zhí)行流程

React中怎樣阻止組件渲染？

React非兄弟組件如何通信？

React兄弟組件如何通信？

React非父子組件如何通信？

React父子組件如何通信？

React組件間的通信有哪些？

類(lèi)組件和函數(shù)式組件有什么區(qū)別？

React自定義組件你寫(xiě)過(guò)嗎？說(shuō)說(shuō)看都寫(xiě)過(guò)哪些？

React組件的state和props兩者有什么區(qū)別？

React有幾種構(gòu)建組件的方式？可以寫(xiě)出來(lái)嗎？

React中遍歷時(shí)為什么不用索引作為唯一的key值？

React中的key有什么作用？

React中除了在構(gòu)造函數(shù)中綁定this,還有別的方式嗎？

在React中頁(yè)面重新加載時(shí)怎樣保留數(shù)據(jù)？

請(qǐng)描述下React的事件機(jī)制

怎樣在React中創(chuàng)建一個(gè)事件？

在React中無(wú)狀態(tài)組件有什么運(yùn)用場(chǎng)景？

描述下在React中無(wú)狀態(tài)組件和有狀態(tài)組件的區(qū)別是什么？

寫(xiě)一個(gè)React的高階組件(HOC)并說(shuō)明你對(duì)它的理解

React中可以在render訪問(wèn)refs嗎？為什么？

React中refs的作用是什么？有哪些應(yīng)用場(chǎng)景？

請(qǐng)描述你對(duì)純函數(shù)的理解？

受控組件和非受控組件有什么區(qū)別？

React中什么是非控組件？

React中什么是受控組件？

React中發(fā)起網(wǎng)絡(luò)請(qǐng)求應(yīng)該在哪個(gè)生命周期中進(jìn)行？為什么？

說(shuō)說(shuō)React的生命周期有哪些？

說(shuō)說(shuō)你對(duì)“在React中，一切都是組件”的理解

寫(xiě)React你是用es6還是es5的語(yǔ)法？有什么區(qū)別？

瀏覽器為什么無(wú)法直接JSX？怎么解決呢？

在使用React過(guò)程中你都踩過(guò)哪些坑？你是怎么填坑的？

說(shuō)說(shuō)你喜歡React的原因是什么？它有什么優(yōu)缺點(diǎn)？

如何解決引用類(lèi)型在pureComponent下修改值的時(shí)候，頁(yè)面不渲染的問(wèn)題？

createElement與cloneElement兩者有什么區(qū)別？

解釋下React中Element 和Component兩者的區(qū)別是什么？

解釋下React中component和pureComponent兩者的區(qū)別是什么？

React的虛擬DOM和vue的虛擬DOM有什么區(qū)別？

你覺(jué)得React上手快不快？它有哪些限制？

說(shuō)說(shuō)你對(duì)聲明式編程的理解？

React與angular、vue有什么區(qū)別？

React是哪個(gè)公司開(kāi)發(fā)的？

React是什么？它的主要特點(diǎn)是什么？

簡(jiǎn)要描述下你知道的React工作原理是什么？

在React中怎樣改變組件狀態(tài)，以及狀態(tài)改變的過(guò)程是什么？

在React中你是怎么進(jìn)行狀態(tài)管理的？

React聲明組件有哪幾種方法，各有什么不同？

如何在React Native中設(shè)置環(huán)境變量？

請(qǐng)描述下Code Push的原理是什么？

React Native怎樣查看日記？

React Native怎樣測(cè)試？

React Native怎樣調(diào)試？

React Native和React有什么區(qū)別？

有做過(guò)React Native項(xiàng)目嗎？

React-Router怎么獲取歷史對(duì)象？

React-Router怎么獲取URL的參數(shù)？

在history模式中push和replace有什么區(qū)別？

React-Router怎么設(shè)置重定向？

React-Router 4中組件有幾種類(lèi)型？

React-Router 3和React-Router 4有什么變化？添加了什么好的特性？

React-Router的實(shí)現(xiàn)原理是什么？

React-Router 4的switch有什么用？

React-Router的路由有幾種模式？

React-Router 4怎樣在路由變化時(shí)重新渲染同一個(gè)組件？

React-Router的標(biāo)簽和標(biāo)簽有什么區(qū)別？