“Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.”


在使用react hooks時候,使用了嵌套組件,代碼如下

然后會報一個錯誤“Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.”
修改后代碼:
 
原因:

花括號之間的所有值都會立即求值。這將導致在每個呈現循環中調用isVisible函數。

通過使用箭頭函數包裝函數,計算后的代碼將生成一個函數,該函數可以在用戶單擊按鈕時調用。

后話:

出現無限循環的原因是事件回調中觸發了重新呈現,最常見setState觸發的,這將再次調用事件回調,並導致React停止並拋出“太多的重新呈現”的錯誤


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM