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

Plus à propos react-hooks...

Interface interface ListInterface { listName: string; list: string[]; } useState const [initialList, setinitialList] = useState<ListInterface>({listName: "List1", list:['One', 'Two', 'Three', 'Four', 'Five', 'Six']}); const [selectedList, setSelectedList] = useState<ListInterfac....
J'ai essayé d'utiliser la vidéo comme profil avarter de sorte que lorsque le profil avarter est pressé, il lira la vidéo dans un autre écran. Mais j'ai essayé de lire la vidéo, ça ne me donne pas un avertissement et .......
Code: const [fréquence, setFrequency] = useState ({}); function handleSelect (event) {const target = event.target; valeur const = valeur cible; nom const = nom_cible; setFrequency ({.......
15 mars 2021 à 19:43
J'obtiens cette erreur étrange lorsque j'essaie d'attribuer des variables dans le hook useEffect de react. Rejet non géré (TypeError): Impossible de lire la propriété 'y' de undefined Voici mon code pour ce fichier et c'est un .......
15 mars 2021 à 18:23
Je crée une page de questions / réponses et j'ai des questions qui sont visibles et lorsque je clique dessus, j'affiche la réponse qui est masquée depuis le début. J'ai donc un tableau d'objets que i .map () dans le jsx et afficher. .......
15 mars 2021 à 13:01
import React from "react"; import HeroAsideItems from "./components/HeroAsideItems"; import "./css/heroAsideCircles.css"; function HeroAsideCircles(props) { const renderHeroAsideItems = () => { // Turn the prop object into an array of its keys using Object.keys(props) //Then map/loop ov....
Le newArray que je crée et envoie les URL vers, n'est pas ajouté correctement à ma variable d'état (propFiles) const [propFiles, setPropFiles] = useState([]); useEffect(() => { let newArray = [...propFiles]; data?.forEach((element) => { element?.images?.forEach((el) => { stor....
15 mars 2021 à 11:48
Peut-être ai-je mal compris le flux de réaction, mais quelqu'un peut-il expliquer cette magie :) Pourquoi dois-je mettre à jour l'état interne via le hook useEffect dans React? Je pensais que la mise à jour du composant déclencherait la réécriture de l'état initial du hook useState. const [list, s....
15 mars 2021 à 09:25
J'essaie de créer une liste plate à l'intérieur de modal avec une fonctionnalité de barre de recherche qui peut filtrer le résultat en fonction de l'entrée de l'utilisateur dans la barre de recherche. Pour la flatlist, tout apparaît en conséquence, problème je ne peux pas .......
J'ai un crochet personnalisé qui calcule la hauteur et la largeur de la page, celui-ci: const [windowSize, setWindowSize] = useState({ height: 0, width: 0 }); useEffect(() => { const handleResize = () => { setWindowSize({ height: window.innerHeight, width: window.innerWidth ....
14 mars 2021 à 22:00
J'utilise donc redux et useSelector hook pour obtenir des données du magasin. Je peux filtrer des données spécifiques dans un tableau de réducteurs, de sorte que le composant ne se mette à jour que lorsque les données filtrées sont modifiées, par exemple: const images = useSelector(state => state.Re....
Je suis maintenant sur le projet React-Hook. Et en utilisant useEffect, je vais récupérer les données d'un fichier particulier qui se trouve en ligne. const getData = () => {const promiseMSFT = fetch ("https: // cdn ........
14 mars 2021 à 16:42
J'ai créé une barre latérale réactive, la logique est implémentée comme suit, lorsque l'écran atteint moins de 765 pixels, la barre latérale est automatiquement masquée, mais le problème est que lorsque je rafraîchis la page qui .......
J'essaye de mettre à jour l'état (données JSON). L'état initial est un objet vide car sera rempli avec "tree" (données json) lors du premier rendu (les données de l'arbre proviennent d'une promesse, donc je .......
14 mars 2021 à 13:52
Cet article a la réponse que je recherche, mais ils utilisent des composants basés sur des classes obsolètes et j'ai besoin d'aide pour les traduire en fonctionnalités. Comment créer un nom de prop dynamique dans React?. Comment cela .......
J'essaye de basculer entre deux vues du composant enfant BottomSheet, en passant le prop toggleConfig au composant enfant. Cependant, il ne semble pas se déclencher lorsque vous appuyez sur le bouton "Toggle Config". Apps.js function App() { const [toggle, setToggle] = useState(false); const ....
14 mars 2021 à 06:46
Je suis nouveau sur React et je suis confronté à un problème de mise à jour de l'état d'un composant fonctionnel. J'ai un composant TinderCards.js comme ci-dessous, qui prend essentiellement une liste d'objets à partir d'un contexte .......
J'essaie de créer une application de recherche pokemon en utilisant l'api pokemon ici - https://pokeapi.co/ J'obtiens une erreur de "Impossible de lire la propriété 'espèce' d'undefined". Est-ce là que je devrais être .......
14 mars 2021 à 02:26
J'ai un composant de tiroir inférieur BottomSheetComponent que j'ai pu basculer à partir d'un bouton en haut de la page avec un crochet d'état. Après avoir cliqué sur le bouton pour afficher le tiroir. .......
14 mars 2021 à 00:16
Dans REact, j'ai une variable d'état comme celle-ci const [ dob, setDob ] = useState(); Et dans le jsx j'ai comme ça <input type="date" max="new Date()" value = {dob} onChange={(e)=>setDov(e.target.value)}/> Je suis confronté à deux problèmes Je ne peux pas limiter les dates futures, c'est-à-....
13 mars 2021 à 16:28
Je veux que ma fonction lance 5 dés et les stocke dans mon état de dés. Dans la version récente, je ne stocke qu'un seul objet pour le prochain clic, mais j'ai fait la boucle for pour générer 5 dés à la fois, comment .......
13 mars 2021 à 12:02
J'ai configuré la validation de formulaire sur le backend. Je souhaite afficher cette validation à l'utilisateur sur le front-end. J'ai un composant qui contient un modal popup. À l'intérieur de ce composant, j'essaie d'attraper des erreurs dans mon useEffect et ma fonction onSubmit. Et j'essaie....
Considérez simplement un composant bascule qui peut être considéré comme une case à cocher, et un composant de formulaire qui gère le basculement. export const ToggleSwitch2 = ({id, vérifié, onChange}: {id: string, vérifié: .......
13 mars 2021 à 00:06
J'ai quelques variables dont j'ai besoin de la référence ainsi que de l'état. J'ai trouvé quelque chose ici, qui m'a aidé: https://stackoverflow.com/a/58349377/7977410 À peu près, il a juste gardé deux variables synchronisées (en pseudo-code): const [track, setTrack] = useState('INIT'); const track....
12 mars 2021 à 19:47
Supposons que j'ai un hook personnalisé qui renvoie 3 choses dans un tableau d'exportation const useInput = (store: string) => {const [value, setValue] = React.useState (store); const bind = {valeur, .......