React應(yīng)用里Invalid hook call錯(cuò)誤消息怎么處理

這篇文章主要介紹“React應(yīng)用里Invalid hook call錯(cuò)誤消息怎么處理”，在日常操作中，相信很多人在React應(yīng)用里Invalid hook call錯(cuò)誤消息怎么處理問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”React應(yīng)用里Invalid hook call錯(cuò)誤消息怎么處理”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

今天我做React開(kāi)發(fā)時(shí)，遇到如下的錯(cuò)誤消息：

> 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://k-call for tips about how to debug and fix this problem.

這個(gè)錯(cuò)誤輸出已經(jīng)提醒了我，出錯(cuò)誤的代碼在我的應(yīng)用程序MyApp.jsx里：

原來(lái)是我這段const變量初始化代碼寫(xiě)到function外部了：

將其移至內(nèi)部后錯(cuò)誤消失：

到此，關(guān)于“React應(yīng)用里Invalid hook call錯(cuò)誤消息怎么處理”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！