J'ai un composant, exemple :

function MyComponent() {
  const tests = useSelector(state => state.waterfall.tests)
  return <div>{value}</div> 
}

Je veux déplacer le sélecteur d'utilisation vers un fichier séparé. Question - si je déplace useSelector vers le fichier const export const testsValue = () => { useSelector(state => state.waterfall.tests) } et importez-le dans le composant - cela fonctionnera-t-il ou j'aurai des problèmes/effets secondaires car les crochets doivent être définis au plus haut niveau?

0
Ruslan Coroliov 12 nov. 2020 à 12:41

1 réponse

Meilleure réponse

Ce que vous essayez de faire est dans React appelé un Hook personnalisé

Il y a quelques recommandations avec l'utilisation de crochets personnalisés :

  • appeler le crochet personnalisé uniquement dans un composant de réaction ou un autre crochet personnalisé
  • ne l'appelez pas au conditionnel
  • le nom du hook doit commencer par "use"

Sinon cela devrait fonctionner sans problème.

1
ian 12 nov. 2020 à 10:25