J'ai une petite question à propos de Render avec Usestate. Par exemple, j'ai cinq méthodes USESTE:
setFirstState(someValue); setSecondState(someValueSecond); setThirdState(someValueThird); ...
4 Réponses :
Vous pouvez le combiner avec useEffect code> avec Deps vide fort>. import { useState, useEffect } from 'react';
const MyComp = () => {
const [val, setVal] = useState('initialVal');
useEffect(() => {
setVal('newVal');
}, []);
// --^ - this is an empty dependency list
return <div>Hello</div>;
};
Il a dit J'ai une petite question sur RE-Render avec Usestate Donc, je ne pense pas qu'il parle de gérer un code "sur le mont", mais pour éviter de déclencher trop de re-rendus
Vous pouvez combiner tous ceux-ci dans un état. :) J'espère que cela résoudra votre problème.
Vous souhaitez utiliser Déclarez vos valeurs initiales définissez et modifier alors quand vous en avez besoin. < Pré> xxx userecer à la place et l'initier à un objet avec vos propriétés (première, second, troisième ...), puis modifiez celle que vous souhaitez à chaque fois.
Habituellement, lorsque vous souhaitez modifier plusieurs états en même temps, cela signifie généralement que ces états sont des couples de quelque manière que ce soit.
Exemple fort> P> Prendre par exemple Cette affaire: vous souhaitez extraire des données d'une API, vous auriez donc les états suivants: p> généralement lorsque l'un de ces états change, les autres font aussi bien. P> Ceci est un cas clair où vous devez utiliser Par exemple, comme celui-ci: p> et après cela, vous pouvez créer un crochet personnalisé pour gérer ces états: P> useEducer code>. p> const {loading, error, data, dispatch} = useFetchingData()
Pourquoi vous voulez ceci? Je pense qu'il devrait y avoir une meilleure façon au lieu de le faire. Pouvez-vous mettre votre code pour le contexte.
Veuillez mettre votre code réel, au lieu d'une représentation générique de celui-ci. Cela nous aidera à vous donner une meilleure solution.