React應用里Invalid hook call錯誤消息的處理


今天我做React開發時,遇到如下的錯誤消息:

Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

  1. You might have mismatching versions of React and the renderer (such as React DOM)
  2. You might be breaking the Rules of Hooks
  3. You might have more than one copy of React in the same app
    See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.


這個錯誤輸出已經提醒了我,出錯誤的代碼在我的應用程序MyApp.jsx里:

原來是我這段const變量初始化代碼寫到function外部了:

將其移至內部后錯誤消失:


要獲取更多Jerry的原創文章,請關注公眾號"汪子熙":


免責聲明!

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



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