簡體   English   中英

無法編譯 React Hook “useQuery” 在 function “home” 中調用,這既不是 React function 組件也不是自定義 React Hook ZC1C425268E68385D1AB5074C17A

[英]Failed to compile React Hook “useQuery” is called in function “home” which is neither a React function component or a custom React Hook function

我的反應應用程序在瀏覽器中顯示以下錯誤

Failed to compile
./src/pages/home.js
  Line 24:30:  React Hook "useQuery" is called in function "home" which is neither a React function component or a custom React Hook function  react-hooks/rules-of-hooks

我看到了以下警告

Warning: The tag <home> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.

並將<home/>更改為<Home/>

這解決了問題!

PS:所有 React 組件名稱必須以大寫字母開頭。 如果您以小寫字母開頭的組件名稱,它將被視為像 a 或 a 這樣的內置元素。 這是因為 JSX 的工作方式。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 React Hook &quot;useState&quot; 在函數 &quot;setResults&quot; 中調用,它既不是 React 函數組件,也不是自定義 React Hook 函數 React Hook “useReducer” 在 function “fetchData” 中被調用,它既不是 React function 組件也不是自定義 React Hook ZC1C425268E68385D1AB5074C17A9F React Hook 在 function “onSubmit” 中調用,它既不是 React function 組件也不是自定義 React Hook function React Hook &quot;useContext&quot; 在函數 &quot;age&quot; 中調用,它既不是 React 函數組件,也不是自定義的 React Hook 函數 React Hook &quot;useStyles&quot; 在函數 &quot;appBar&quot; 中調用,它既不是 React 函數組件,也不是自定義 React Hook 函數 React Hook“useState”在 function 中被調用,它既不是 React function 組件,也不是自定義 React Hook function React Hook &quot;useEffect&quot; 在函數 &quot;shoes&quot; 中調用,它既不是 React 函數組件,也不是自定義 React Hook React Hook “React.useEffect” 在 function “selectmenu” 中調用,它既不是 React function 組件也不是自定義 React Hook ZC1C425268E68385D1AB5074F1477 React Hook“useState”在 function“increaseCounter”中被調用,它既不是 React function 組件,也不是自定義 React Hook function 在既不是 React 函數組件也不是自定義 React Hook 函數的函數中調用 React Hook “useAxios”
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM