日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
不可錯(cuò)過的Rect面試題,務(wù)必收藏

下面是一個(gè)常用的關(guān)于 React 的面試問題列表:

創(chuàng)新互聯(lián)公司是專業(yè)的洛江網(wǎng)站建設(shè)公司,洛江接單;提供做網(wǎng)站、成都做網(wǎng)站,網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行洛江網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

無論作為一個(gè)面試者,或者招聘官,下面這些問題都可以去參考。

React 的工作原理

React 會(huì)創(chuàng)建一個(gè)虛擬 DOM(virtual DOM)。當(dāng)一個(gè)組件中的狀態(tài)改變時(shí),React 首先會(huì)通過 "diffing" 算法來標(biāo)記虛擬 DOM 中的改變,第二步是調(diào)節(jié)(reconciliation),會(huì)用 diff 的結(jié)果來更新 DOM。

使用 React 有何優(yōu)點(diǎn)

  •  只需查看 render 函數(shù)就會(huì)很容易知道一個(gè)組件是如何被渲染的
  •  JSX 的引入,使得組件的代碼更加可讀,也更容易看懂組件的布局,或者組件之間是如何互相引用的
  •  支持服務(wù)端渲染,這可以改進(jìn) SEO 和性能
  •  易于測(cè)試
  •  React 只關(guān)注 View 層,所以可以和其它任何框架(如Backbone.js, Angular.js)一起使用

展示組件(Presentational component)和容器組件(Container component)之間有何不同

展示組件關(guān)心組件看起來是什么。展示專門通過 props 接受數(shù)據(jù)和回調(diào),并且?guī)缀醪粫?huì)有自身的狀態(tài),但當(dāng)展示組件擁有自身的狀態(tài)時(shí),通常也只關(guān)心 UI 狀態(tài)而不是數(shù)據(jù)的狀態(tài)。

容器組件則更關(guān)心組件是如何運(yùn)作的。容器組件會(huì)為展示組件或者其它容器組件提供數(shù)據(jù)和行為(behavior),它們會(huì)調(diào)用 Flux actions,并將其作為回調(diào)提供給展示組件。容器組件經(jīng)常是有狀態(tài)的,因?yàn)樗鼈兪?其它組件的)數(shù)據(jù)源。

類組件(Class component)和函數(shù)式組件(Functional component)之間有何不同

  •  類組件不僅允許你使用更多額外的功能,如組件自身的狀態(tài)和生命周期鉤子,也能使組件直接訪問 store 并維持狀態(tài)
  •  當(dāng)組件僅是接收 props,并將組件自身渲染到頁面時(shí),該組件就是一個(gè) '無狀態(tài)組件(stateless component)',可以使用一個(gè)純函數(shù)來創(chuàng)建這樣的組件。這種組件也被稱為啞組件(dumb components)或展示組件

(組件的)狀態(tài)(state)和屬性(props)之間有何不同

State 是一種數(shù)據(jù)結(jié)構(gòu),用于組件掛載時(shí)所需數(shù)據(jù)的默認(rèn)值。State 可能會(huì)隨著時(shí)間的推移而發(fā)生突變,但多數(shù)時(shí)候是作為用戶事件行為的結(jié)果。

Props(properties 的簡(jiǎn)寫)則是組件的配置。props 由父組件傳遞給子組件,并且就子組件而言,props 是不可變的(immutable)。組件不能改變自身的 props,但是可以把其子組件的 props 放在一起(統(tǒng)一管理)。Props 也不僅僅是數(shù)據(jù)--回調(diào)函數(shù)也可以通過 props 傳遞。

指出(組件)生命周期方法的不同

  •  componentWillMount -- 多用于根組件中的應(yīng)用程序配置
  •  componentDidMount -- 在這可以完成所有沒有 DOM 就不能做的所有配置,并開始獲取所有你需要的數(shù)據(jù);如果需要設(shè)置事件監(jiān)聽,也可以在這完成
  •  omponentWillReceiveProps -- 這個(gè)周期函數(shù)作用于特定的 prop 改變導(dǎo)致的 state 轉(zhuǎn)換
  •  shouldComponentUpdate -- 如果你擔(dān)心組件過度渲染,shouldComponentUpdate 是一個(gè)改善性能的地方,因?yàn)槿绻M件接收了新的 prop, 它可以阻止(組件)重新渲染。shouldComponentUpdate 應(yīng)該返回一個(gè)布爾值來決定組件是否要重新渲染
  •  componentWillUpdate -- 很少使用。它可以用于代替組件的 componentWillReceiveProps 和 shouldComponentUpdate(但不能訪問之前的 props)
  •  componentDidUpdate -- 常用于更新 DOM,響應(yīng) prop 或 state 的改變
  •  componentWillUnmount -- 在這你可以取消網(wǎng)絡(luò)請(qǐng)求,或者移除所有與組件相關(guān)的事件監(jiān)聽器

應(yīng)該在 React 組件的何處發(fā)起 Ajax 請(qǐng)求

在 React 組件中,應(yīng)該在 componentDidMount 中發(fā)起網(wǎng)絡(luò)請(qǐng)求。這個(gè)方法會(huì)在組件***次“掛載”(被添加到 DOM)時(shí)執(zhí)行,在組件的生命周期中僅會(huì)執(zhí)行一次。更重要的是,你不能保證在組件掛載之前 Ajax 請(qǐng)求已經(jīng)完成,如果是這樣,也就意味著你將嘗試在一個(gè)未掛載的組件上調(diào)用 setState,這將不起作用。在 componentDidMount 中發(fā)起網(wǎng)絡(luò)請(qǐng)求將保證這有一個(gè)組件可以更新了。

何為受控組件(controlled component)

在 HTML 中,類似 ,