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

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

原因:
花括號之間的所有值都會立即求值。這將導致在每個呈現循環中調用isVisible函數。
通過使用箭頭函數包裝函數,計算后的代碼將生成一個函數,該函數可以在用戶單擊按鈕時調用。
后話:
出現無限循環的原因是事件回調中觸發了重新呈現,最常見setState觸發的,這將再次調用事件回調,並導致React停止並拋出“太多的重新呈現”的錯誤