Hooks est une nouvelle fonctionnalité qui permet aux développeurs d'utiliser des états et d'autres fonctionnalités React sans écrire de classe.

react-hooks...

Je suis en train de refactoriser une application React basée sur une classe précédemment conçue pour qu'elle soit fonctionnelle avec l'utilisation de Hooks. C'est une simple application de boîte à rythmes. J'utilise .map pour remplir la page à partir d'un tableau d'objets contenant les données pour ....
7 avril 2020 à 20:19
Je souhaite générer des entrées basées sur json, donc d'abord je le mets à l'état initial, puis dans le composant enfant, je veux modifier son champ, le problème est que le composant ne se met pas à jour ... Il s'affiche une fois et n'a aucune idée de comment le faire être mis à jour à chaque fois q....
7 avril 2020 à 15:29
J'essaie de créer un fournisseur de contexte réactif au sein d'un composant fonctionnel. J'utilise le crochet useState pour fournir un tableau à d'autres composants et j'ai une fonction d'ajout qui pousse une nouvelle valeur dans le tableau. Le tableau et la fonction d'ajout sont tous deux fournis v....
Donc, j'essaie de changer un état dans mon composant en obtenant une liste d'utilisateurs pour appeler un api.get pour obtenir des données de ces utilisateurs et ajouter un nouveau tableau avec le code suivant: function MembersList(props) { const [membersList, setMembersList] = useState(props.me....
5 avril 2020 à 02:02
En utilisant des hooks React avec une base de données en temps réel Firebase avec un projet sur lequel je travaille pour la première fois, les données sont récupérées et enregistrées dans la console. MAIS je ne peux pas sortir de la fonction useEffect pour afficher les valeurs à l'écran! J'aurais vr....
J'ai créé un composant de compte à rebours qui transmet les données à un autre composant et j'utilise setTimeout. Le composant fonctionne comme prévu mais un avertissement apparaît dans ma console: Avertissement: impossible d'effectuer une mise à jour de l'état React sur un composant non monté. Il s....
3 avril 2020 à 11:33
J'essaie de mettre à jour mon ancienne application Todo List React afin qu'elle utilise des crochets, et je ne peux pas comprendre cela pour la vie de moi. setTodos met à jour l'état de chargement avec succès, comme indiqué dans les outils de développement React, mais le composant ne s'affiche pas à....
31 mars 2020 à 19:54
Donc, dans mon application React Native, je veux intégrer ce curseur, en suivant la des conseils ici. Le problème est que je veux avoir accès à la méthode setLowValue() de la propriété .current de useRef(), comme spécifié à la fin de le site Web d'orientation. J'ai imprimé .current sur la console et....
30 mars 2020 à 11:34
J'essaie de créer une application simple affichant un devis aléatoire. Avec un intervalle de temps. Bien que j'aie du mal à comprendre comment je pourrais randomiser un devis sur une minuterie et afficher le contenu. Mon code jusqu'à présent: import { useState } from 'react'; import { data } from '....
30 mars 2020 à 05:38
N'est-il pas possible de mettre à jour les noms de classe sur le rendu? const [selected, setSelectedState] = useState(true); let className = "none"; useEffect(() => { className = "appointment-item " + (selected ? "selected" : ""); console.log(className ); }, [selected] ); return ( <div ....
27 mars 2020 à 21:36
J'ai défini une constante pour utiliser UseState Hook dans ReactJS en: const [inputValue, setInputValue] = useState("") Utiliser la valeur d'entrée pour mon formulaire d'une manière: <form data-testid="form" onSubmit={e => { e.preventDefault(); setLogFilters({ ....
24 mars 2020 à 14:54
J'ai remarqué quelques façons d'obtenir apparemment la même chose à l'intérieur d'un composant fonctionnel React. Lorsque vous avez ce qui est essentiellement une valeur de configuration qui n'est nécessaire qu'à l'intérieur de ce composant (juste une valeur constante, jamais transmise ou modifiée),....
Je travaille sur un composant de réaction dynamique qui affichera des profils d'entreprise basés sur l'ID de l'itinéraire. J'utilise actuellement des exemples de données à partir d'un fichier data.js qui stocke simplement les données. Problème Lorsque je clique sur la page dynamique, toutes les do....
23 mars 2020 à 15:03
Eh bien, j'ai cette erreur Error: Invalid hook call. Hooks can only be called inside of the body of a function component. J'ai essayé beaucoup d'options différentes pour résoudre ce problème, mais j'ai échoué. Voici mon code export const DataInput = () => { const Post = (testTitle, testText) ....
23 mars 2020 à 09:40
Lorsque je clique sur le bouton pour trier les données sur les pays après le chargement du site Web, les données s'affichent correctement. Mais lorsque je veux trier à nouveau par valeur différente, les données ne sont pas mises à jour et l'état ne se met pas à jour, cependant, la fonction fonctionn....
23 mars 2020 à 03:22
Tout en créant des composants de connexion / enregistrement via le crochet, j'ai créé des fonctions distinctes avec le crochet pour la connexion, la déconnexion, le registre et les utilisateurs. Comme le hook est plus facile pour moi, après avoir exécuté le démarrage de npm, aucune erreur ne s'affic....
J'ai une liste déroulante faite avec React Hooks. Le bouton doit avoir une flèche qui tourne. Ma première version fonctionne bien: const DropdownMenu= (props) => { const [open, setOpen] = useState(false); const openDropdown = (): void => setOpen(prevState => !prevState); return (....
20 mars 2020 à 09:34
J'ai essayé un échantillon en utilisant React Hook, faites-en un crochet personnalisé. Le problème est que le crochet simple useCount() se passe bien, mais le crochet useCarHighlight() destiné à changer de ligne de surbrillance ne provoquerait pas de nouveau rendu. Je vois que c'est la même chose de....
Mon crochet de récupération: import { useEffect, useState } from "react"; export const useOurApi = (initialUrl, initialData) => { const [url, setUrl] = useState(initialUrl); const [isLoading, setIsLoading] = useState(true); const [hasError, setHasError] = useState(false); const [fetchedDa....
20 mars 2020 à 05:40
J'ai créé 2 composants C1 et C2 et un custom hook useCounter. C1 affiche la propriété "count" de useCounter hook. C2 affiche la propriété "count" et l'incrémente ou la décrémente en cliquant sur le bouton. Current behavior: Lorsque le "count" est modifié, la valeur mise à jour s'affiche uniquement d....
17 mars 2020 à 11:19
Je travaille sur une simple application crud avec React.js et j'ai ce problème: "TypeError: Impossible de lire la propriété 'map' de indéfini" lorsque j'essaie d'afficher la liste des événements que je reçois à partir de: http://127.0.0.1:8000/api/events (qui affiche la liste des événements dans jso....
16 mars 2020 à 10:54
Je veux un module d'emballage pour une utilisation multiple. donc je crée un ItemComponent export const DragItem = (props: DragProps) => { const [{... }, fooRef] = useFoo({ }) return ( props.children // how can i send fooRef to here?? ) } Je devrais envoyer ref à props.children Est-ce....
14 janv. 2020 à 08:24
J'ai une API de repos simple, j'essaie d'afficher les utilisateurs de la fausse API jsonplaceholder Voici mon composant de fonction import React, {useState, useEffect} from "react"; import axios from 'axios'; export default function TableList() { const [data, setData] = useState({ hits: [] }); ....
14 janv. 2020 à 01:21
J'ai quelques bascules qui peuvent être activées / désactivées. Ils obtiennent l'état on / off à partir d'un composant fonctionnel parent. Lorsqu'un utilisateur bascule l'état, je dois mettre à jour l'état dans le parent et exécuter une fonction. Cette fonction utilise l'état de toutes les bascules ....
13 janv. 2020 à 23:06
Problème useState déclenche toujours une mise à jour même lorsque les valeurs des données n'ont pas changé. Voici une démonstration du problème: démo Contexte J'utilise le crochet useState pour mettre à jour un objet et j'essaie de le mettre à jour uniquement lorsque les valeurs de cet objet changen....
13 janv. 2020 à 20:08