日常踩坑

12.24日 寫在18年的尾巴上~

在React中，如果你render一個元素，給他綁定了一個方法，那么不要直接在后面(參數(shù))，那樣的話當(dāng)組件渲染的時候會自動執(zhí)行這個綁定的方法。比如：

錯誤示范 1

上面這個點擊事件，即便我不點擊，當(dāng)觸發(fā)渲染頁面的時候，也會doRefresh，這樣的話會影響性能，當(dāng)然，性能對目前的你來說可能無所謂 ~ 但更關(guān)鍵的是，當(dāng)你的方法中包含setState的時候，會報錯 ~ 而且最關(guān)鍵的是！如果你的react版本過低，甚至?xí)尀g覽器進(jìn)入死循環(huán) ~ 不要問我怎么知道的~

所以如果參數(shù)不必要，正確的姿勢是不給參數(shù)，像這樣：

正確示范 1

如果參數(shù)一定要傳，那就把方法寫在這里吧，像這樣：

正確示范 2

解決~

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 作為一個合格的開發(fā)者，不要只滿足于編寫了可以運行的代碼。而要了解代碼背后的工作原理；不要只滿足于自己的程序...
    六個周閱讀 8,508評論 1贊 33
  • 本筆記基于React官方文檔，當(dāng)前React版本號為15.4.0。 1. 安裝 1.1 嘗試 開始之前可以先去co...
    Awey閱讀 7,796評論 14贊 128
  • 說在前面 關(guān)于 react 的總結(jié)過去半年就一直碎碎念著要搞起來，各(wo)種(tai)原(lan)因(le)。心...
    陳嘻嘻啊閱讀 6,899評論 7贊 41
  • 40、React 什么是React？React 是一個用于構(gòu)建用戶界面的框架（采用的是MVC模式）：集中處理VIE...
    萌妹撒閱讀 1,040評論 0贊 1
  • 使用 create-react-app 快速構(gòu)建 React 開發(fā)環(huán)境 項目的目錄結(jié)構(gòu)如下： React JSX ...
    majun00閱讀 521評論 0贊 0