<p>J'essaie d'accéder et de mettre à jour l'état d'un objet à partir de deux fichiers différents, si j'utilise un useState local pour chaque fichier, je peux le modifier, mais cela ne fonctionne pas, </p> <p>J'ai essayé de nombreuses solutions différentes, en utilisant des hooks personnalisés et l'état local, mais aucune d'entre elles n'a résolu mon problème. Je suis resté bloqué sur ce problème pendant environ 5 heures et cela me rendait vraiment fou, toute aide serait appréciée. </p> <p>Je pense que le problème est que j'essaie d'appeler le hook à partir de l'instruction return, mais je ne vois aucune autre façon de le faire, car c'est là qu'il est rendu. </p> <p>information.js :</p> <pre class="brush:php;toolbar:false;"><button class="active" onClick={() => useSetHero(hero)}></pre> <p>hero.js :</p> <pre class="brush:php;toolbar:false;">export const useSetHero = (newHero) => const UpdateHero = () => const [héros, setHero] = useState(newHero); setHero(nouveauHéros); } ; retourner { UpdateHero } ; }</pré> <p>Le message d'erreur que je reçois actuellement est : React Hook "useHero" ne peut pas être appelé dans une fonction de rappel. Les React Hooks doivent être appelés dans un composant de fonction React ou dans une fonction React Hook personnalisée</p>

export const useHero = (initialHero) => {
  const [hero, setHero] = useState(initialHero);

  const UpdateHero = (newHero) => {
    setHero(newHero);
  };

  return { UpdateHero };
}

const { UpdateHero } = useHero(someValueHere);

<button class="active" onClick={() => UpdateHero(hero)}>

export const useHero = (initialHero) => {
  const [hero, UpdateHero] = useState(initialHero);

  return { hero, UpdateHero };
}