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

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

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

• 《前端面試每日3+1》，學(xué)習(xí)不打烊，充電加油只為遇到更好的自己，365天無節(jié)假日，每天早上5點(diǎn)純手工發(fā)布面試題（死磕自己，愉悅大家）。
• 希望大家在這浮夸的前端圈里，保持冷靜，堅(jiān)持每天花20分鐘來學(xué)習(xí)與思考。
• 在這千變?nèi)f化，類庫層出不窮的前端，建議大家不要等到找工作時(shí)，才狂刷題，提倡每日學(xué)習(xí)！（不忘初心，html、css、javascript才是基石！）

超多題預(yù)警開始……

• 題目更新時(shí)間
  • 第一次：2019.07.19 -> 328 道

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

React

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

ReactNative

• 如何在React Native中設(shè)置環(huán)境變量？
• 請描述下Code Push的原理是什么？
• React Native怎樣查看日記？
• React Native怎樣測試？
• React Native怎樣調(diào)試？
• React Native和React有什么區(qū)別？
• 有做過React Native項(xiàng)目嗎？

React-Router

• React-Router怎么獲取歷史對象？
• React-Router怎么獲取URL的參數(shù)？
• 在history模式中push和replace有什么區(qū)別？
• React-Router怎么設(shè)置重定向？
• React-Router 4中<Router>組件有幾種類型？
• React-Router 3和React-Router 4有什么變化？添加了什么好的特性？
• React-Router的實(shí)現(xiàn)原理是什么？
• React-Router 4的switch有什么用？
• React-Router的路由有幾種模式？
• React-Router 4怎樣在路由變化時(shí)重新渲染同一個(gè)組件？
• React-Router的<Link>標(biāo)簽和<a>標(biāo)簽有什么區(qū)別？
• React的路由和普通路由有什么區(qū)別？
• 請你說說React的路由的優(yōu)缺點(diǎn)？
• 請你說說React的路由是什么？

Redux/Mobox

• 你有了解Rxjs是什么嗎？它是做什么的？
• 在Redux中怎么發(fā)起網(wǎng)絡(luò)請求？
• Redux怎樣重置狀態(tài)？
• Redux怎樣設(shè)置初始狀態(tài)？
• Context api可以取代Redux嗎？為什么？
• 推薦在reducer中觸發(fā)Action嗎？為什么？
• Redux怎么添加新的中間件？
• redux-saga和redux-thunk有什么本質(zhì)的區(qū)別？
• 在React中你是怎么對異步方案進(jìn)行選型的？
• 你知道redux-saga的原理嗎？
• 你有使用過redux-saga中間件嗎？它是干什么的？
• Redux中異步action和同步action最大的區(qū)別是什么？
• Redux和vuex有什么區(qū)別？
• Redux的中間件是什么？你有用過哪些Redux的中間件？
• 說說Redux的實(shí)現(xiàn)流程
• Mobx的設(shè)計(jì)思想是什么？
• Redux由哪些組件構(gòu)成？
• Mobx和Redux有什么區(qū)別？
• 在React項(xiàng)目中你是如何選擇Redux和Mobx的？說說你的理解
• 你有在React中使用過Mobx嗎？它的運(yùn)用場景有哪些？
• Redux的thunk作用是什么？
• Redux的數(shù)據(jù)存儲(chǔ)和本地儲(chǔ)存有什么區(qū)別？
• 在Redux中，什么是reducer？它有什么作用？
• 舉例說明怎么在Redux中定義action？
• 在Redux中，什么是action？
• 在Redux中，什么是store？
• 為什么Redux能做到局部渲染呢？
• 說說Redux的優(yōu)缺點(diǎn)分別是什么？
• Redux和Flux的區(qū)別是什么？
• Redux它的三個(gè)原則是什么？
• 什么是單一數(shù)據(jù)源？
• 什么是Redux？說說你對Redux的理解？有哪些運(yùn)用場景？

Flux

• 請說說點(diǎn)擊按鈕觸發(fā)到狀態(tài)更改，數(shù)據(jù)的流向？
• 請描述下Flux的思想
• 什么是Flux？說說你對Flux的理解？有哪些運(yùn)用場景？

總結(jié)

以上是生活随笔為你收集整理的sqlbulkcopy是覆盖式更新吗_React 328道最全面试题(持续更新)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。