La programmation react-hooks

6

Comment appeler la fonction de chargement avec React useEffect une seule fois

Le hook useEffect React exécutera la fonction passée à chaque modification. Cela peut être optimisé pour qu'il n'appelle que lorsque les propriétés souhaitées changent. Que faire si je veux appeler une fonction d'initialisation à partir de componentDidMountet ne pas la rappeler en cas de modifications? Disons que je veux charger …

210 javascript reactjs react-hooks

12

Comment corriger l'avertissement de dépendance manquante lors de l'utilisation de useEffect React Hook?

Avec React 16.8.6 (c'était bien sur la version précédente 16.8.3), j'obtiens cette erreur lorsque je tente d'empêcher une boucle infinie sur une requête de récupération ./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'. Either include it or remove the dependency array react-hooks/exhaustive-deps J'ai été incapable de trouver …

182 reactjs eslint create-react-app react-hooks

13

Comment utiliser componentWillMount () dans React Hooks?

Dans les documents officiels de React, il mentionne - Si vous êtes familier avec les méthodes de cycle de vie de classe React, vous pouvez considérer useEffect Hook comme composantDidMount, componentDidUpdate et componentWillUnmount combinés. Ma question est la suivante: comment pouvons-nous utiliser la componentWillMount()méthode du cycle de vie dans un …

176 javascript reactjs jsx react-hooks

4

useState, méthode définie ne reflétant pas immédiatement le changement

J'essaie d'apprendre les crochets et la useStateméthode m'a rendu confus. J'attribue une valeur initiale à un état sous la forme d'un tableau. La méthode set dans useStatene fonctionne pas pour moi même avec spread(...)ou without spread operator. J'ai créé une API sur un autre PC que j'appelle et récupère les …

168 javascript reactjs react-hooks

9

Comment comparer oldValues et newValues sur React Hooks useEffect?

Disons que j'ai 3 entrées: rate, sendAmount et receiveAmount. Je mets que 3 entrées sur useEffect des paramètres différents. Les règles sont: Si sendAmount a changé, je calcule receiveAmount = sendAmount * rate Si receiveAmount a changé, je calcule sendAmount = receiveAmount / rate Si le taux a changé, je …

151 reactjs react-hooks

28

React Hook «useState» est appelé dans la fonction «app» qui n'est ni un composant de fonction React ni une fonction React Hook personnalisée

J'essaie d'utiliser des hooks de réaction pour un problème simple const [personState,setPersonState] = useState({ DefinedObject }); avec les dépendances suivantes. "dependencies": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-scripts": "3.0.0" } mais j'obtiens toujours l'erreur suivante: ./src/App.js Ligne 7: React Hook "useState" est appelé dans la fonction "app" qui n'est ni un …

148 reactjs react-hooks

9

Qu'est-ce que useState () dans React?

J'apprends actuellement le concept de hooks dans React et j'essaie de comprendre l'exemple ci-dessous. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + …

134 javascript reactjs react-native react-hooks

7

React Hook Warnings for async function in useEffect: la fonction useEffect doit retourner une fonction de nettoyage ou rien

J'essayais l'exemple useEffect quelque chose comme ci-dessous: useEffect(async () => { try { const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`); const json = await response.json(); setPosts(json.data.children.map(it => it.data)); } catch (e) { console.error(e); } }, []); Exécuter l'extrait de codeHide resultsDévelopper l'extrait et j'obtiens cet avertissement dans ma console. Mais le nettoyage …

119 javascript reactjs react-hooks

7

L'état ne se met pas à jour lors de l'utilisation du hook d'état React dans setInterval

J'essaie les nouveaux Hooks React et j'ai un composant Clock avec un compteur qui est censé augmenter chaque seconde. Cependant, la valeur n'augmente pas au-delà de un. function Clock() { const [time, setTime] = React.useState(0); React.useEffect(() => { const timer = window.setInterval(() => { setTime(time + 1); }, 1000); return …

109 javascript reactjs react-hooks

4

Pourquoi React Hook useState utilise const et not let

La manière standard d'utiliser un crochet React useState est la suivante: const [count, setCount] = useState(0); Cependant, cette const countvariable va clairement être réaffectée à une valeur primitive différente. Pourquoi alors la variable n'est-elle pas définie comme let count?

33 javascript reactjs ecmascript-6 react-hooks

4

useState hook setter écrase incorrectement l'état

Voici le problème: j'essaie d'appeler 2 fonctions en cliquant sur un bouton. Les deux fonctions mettent à jour l'état (j'utilise le hook useState). La première fonction met correctement à jour value1 en 'new 1', mais après 1s (setTimeout) la deuxième fonction se déclenche, et elle change la valeur 2 en …

31 javascript reactjs react-hooks

3

Écouteur Firebase avec React Hooks

J'essaie de comprendre comment utiliser un écouteur Firebase afin que les données du cloud firestore soient actualisées avec les mises à jour de hooks de réaction. Initialement, j'ai fait cela en utilisant un composant de classe avec une fonction componentDidMount pour obtenir les données du firestore. this.props.firebase.db .collection('users') // .doc(this.props.firebase.db.collection('users').doc(this.props.firebase.authUser.uid)) …

27 javascript reactjs firebase google-cloud-firestore react-hooks

3

Impossible de lire la propriété «historique» de non défini (hook useHistory de React Router 5)

J'utilise le nouveau crochet useHistory de React Router, qui est sorti il y a quelques semaines. Ma version de React-router est 5.1.2. My React est à la version 16.10.1. Vous pouvez trouver mon code en bas. Pourtant, lorsque j'importe le nouveau useHistory de react-router, j'obtiens cette erreur: Uncaught TypeError: Cannot …

18 reactjs react-router react-hooks react-router-dom react-context

5

React Hooks - en utilisant les variables useState vs just

React Hooks nous donne l'option useState, et je vois toujours des comparaisons Hooks vs Class-State. Mais qu'en est-il des crochets et de certaines variables régulières? Par exemple, function Foo() { let a = 0; a = 1; return <div>{a}</div>; } Je n'ai pas utilisé de crochets, et cela me donnera …

12 javascript node.js reactjs react-hooks

1

Comment créer un hook personnalisé qui récupère les dépendances?

Je fais un crochet personnalisé qui a un Google lorsque certains changements d'état. Vous devriez pouvoir passer n'importe quel état dans un tableau. import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle, setToggle] = useState(false) useEffect(() => { setToggle(t => !t) }, …

10 reactjs react-native eslint react-hooks

Questions marquées «react-hooks»