Hooks est une nouvelle fonctionnalité qui permet aux développeurs d'utiliser des états et d'autres fonctionnalités React sans écrire de classe.
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...
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...
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...
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...
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...
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:...
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...
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); } },...
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(()...
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...
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...
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...
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:...
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...
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)...
J'aimerais que l'utilisateur puisse trier une liste de tâches. Lorsque les utilisateurs sélectionnent un élément dans une liste déroulante, il définit le sortKeyqui créera une nouvelle version de setSortedTodos, et déclenchera à son tour l' useEffectappel et setSortedTodos. L'exemple ci-dessous...
dans l'environnement de développement, mon application fonctionne très bien. Dans l'environnement de production, il se bloque avec l'erreur: Uncaught TypeError: (0 , _react.useEffect) is not a function Cela se produit dans un fichier que j'ai créé où j'importe React et useEffect comme ceci: import...