React高頻平面試題（一）

1.類組件和函數(shù)組件的區(qū)別

（1）函數(shù)組件就是一個(gè)函數(shù)，返回一個(gè)jsx元素，類組件就是用ES6的語(yǔ)法糖class定義，繼承component這個(gè)類。

（2）類組件中可以通過(guò)state進(jìn)行狀態(tài)管理，而在函數(shù)組件中不能使用setDtate(),在react16.8以后函數(shù)組件可以通過(guò)hooks中的useState來(lái)模擬類組件中的狀態(tài)管理。

（3）類組件有一些列鉤子函數(shù)，在函數(shù)組件中也許需要借助hooks來(lái)使用生命周期函數(shù)；

2.React事件綁定原理

總的來(lái)說(shuō)事件綁定在原生js中直接綁定在標(biāo)簽上，但是react中是代理到document上。

3.React組建中的props和state有什么區(qū)別

（1）props是從外部傳入組件的參數(shù)，一般由父組件傳給子組件，在組件之間通信使用，state一般用于組件內(nèi)部的狀態(tài)維護(hù)，更新組件內(nèi)部的數(shù)據(jù)，狀態(tài)，更新子組件的props等：

（2）props不可以在組件內(nèi)部修改，只能通過(guò)父組件進(jìn)行修改；state在組件內(nèi)部通過(guò)setState修改；

4.組件之間通信

（1）props---父組件向子組件通過(guò)props傳參。

（2）實(shí)例方法---在父組件中可以用refs引用子組件，之后就可以調(diào)用子組件的實(shí)例方法了；

（3）回調(diào)函數(shù)---用于子組件想父組件通信，子組件調(diào)用props傳遞過(guò)來(lái)的方法；

（4）狀態(tài)提升---兩個(gè)子組件可以通過(guò)父組件定義的參數(shù)進(jìn)行傳參；

（5）context上下文---一般用作全局主題

（6）mobx/redux/dva---通過(guò)在view中觸發(fā)action，改變state，進(jìn)行改變其他組件的view

5.React中的setState缺點(diǎn)是什么

setSatte執(zhí)行的時(shí)候可以簡(jiǎn)單的認(rèn)為，求屬于原生js執(zhí)行的空間，那么就是屬于同步。被react處理過(guò)的空間屬于異步，這其實(shí)也是—種性能的優(yōu)化，如果多次使用setState修改值，那么在一部中會(huì)先進(jìn)行合并，再進(jìn)行渲染，降低了操作dom的次數(shù)。