總結(jié)react中遇到的坑和一些小的知識(shí)點(diǎn)。

• reducer必須返回一個(gè)新的對(duì)象才能觸發(fā)組件的更新，因?yàn)樵?code>connect()中會(huì)對(duì)新舊兩個(gè)state進(jìn)行淺對(duì)比，如果state只是值改變但是引用地址沒(méi)有改變，connect會(huì)認(rèn)為它們相同而不觸發(fā)更新。無(wú)論reducer返回的state是否改變，subscribe中注冊(cè)的所有回調(diào)函數(shù)都會(huì)被觸發(fā)。
• setState操作是異步的，不會(huì)立即被執(zhí)行，在極短時(shí)間內(nèi)連續(xù)調(diào)用三次setState，并不會(huì)進(jìn)行三次DOM渲染，而會(huì)合并成一次渲染，setState提供了第二個(gè)參數(shù)，是回調(diào)函數(shù)，當(dāng)setState被異步的執(zhí)行好之后，會(huì)運(yùn)行回調(diào)函數(shù)。
• 組件命名的首字母必須是大寫(xiě)，這是類命名的規(guī)范。
• 組件卸載之前，加在dom元素上的監(jiān)聽(tīng)事件，和定時(shí)器需要手動(dòng)清除，因?yàn)檫@些并不在react的控制范圍內(nèi)，必須手動(dòng)清除。
• componentWillUpdate中可以直接改變state的值，而不能用setState。
• 組件內(nèi)只能通過(guò)setState觸發(fā)render，像this.state.xxx=xxx是不能觸發(fā)render的，并且直接對(duì)props進(jìn)行賦值也是不被允許的。組件props改變是指從父組件那里拿到的屬性改變了。
• 如果使用es6中的class繼承react的component組件，constructor中必須調(diào)用super，因?yàn)樽宇愋枰胹uper繼承component的this，否則實(shí)例化的時(shí)候會(huì)報(bào)錯(cuò)。
• 父組件的render函數(shù)被運(yùn)行時(shí)，它的子組件的render都將被重新運(yùn)行，如果子組件的內(nèi)容并沒(méi)有發(fā)生改變，這會(huì)帶來(lái)性能上的損耗。可以在子組件中寫(xiě)shouldComponentUpdate中的return false，強(qiáng)制子組件不更新，這樣可以避免組件做沒(méi)必要的render操作，也可以省去diff比較，提高react的性能。
  

• ajax請(qǐng)求，render函數(shù)會(huì)反復(fù)的執(zhí)行，不適合放ajax，要放在

  
  

• react16版本之后提供的Fragment占位符，它不會(huì)被渲染成任何元素

  
  

• 純函數(shù)指的是，給定固定的輸入，就一定會(huì)有固定的輸出，而且不會(huì)有任何副作用。

  
  
  
  

  受到new Date()的影響，這不是純函數(shù)。