React Hooks Erreur : Les crochets ne peuvent être appelés qu'à l'intérieur du corps d'un composant de fonction.

Question

J'obtiens cette erreur lorsque j'utilise le useState crochet. Je l'ai dans sa forme de base, en regardant le docs sur les réacteurs pour une référence, mais je reçois toujours cette erreur. Je suis prêt pour le moment de la paume de la main...

export function Header() {
  const [count, setCount] = useState(0)
  return <span>header</span>
}

Answer 1

Pour moi, cela se produisait parce que j'avais une nouvelle version de react (16.8.6) et une ancienne version de react-dom (16.6.1).

https://reactjs.org/warnings/invalid-hook-call-warning.html#mismatching-versions-of-react-and-react-dom

La mise à jour des deux vers la @latest (16.8.6) a corrigé l'erreur.

Answer 2

Mettre à jour le package.json version react-dom comme react