useDebugValue |
Utilise la valeur de déboguage |
| React |
Syntaxe
|
useDebugValue(value, format?)
|
useDebugValue est un crochet React vous permettant d'ajouter une étiquette à un crochet personnalisé dans React DevTools.
Référence
|
useDebugValue(value, format?)
|
Utilisation
- Ajouter une étiquette à un crochet personnalisé
- Différer le formatage d'une valeur de débogage
Référence
|
useDebugValue(value, format?)
|
Appelez useDebugValue au niveau supérieur de votre crochet personnalisé pour afficher une valeur de débogage lisible :
- import { useDebugValue } from 'react';
-
- function useOnlineStatus() {
- // ...
- useDebugValue(isOnline ? 'Online' : 'Offline');
- // ...
- }
Paramètres
| Nom |
Description |
| value |
La valeur à afficher dans React DevTools. Elle peut être de n'importe quel type. |
| format |
Facultatif : une fonction de formatage. Lors de l'inspection du composante, React DevTools appelle la fonction de formatage avec la valeur comme argument, puis affiche la valeur formatée renvoyée (de n'importe quel type). Si vous ne spécifiez pas de fonction de formatage, la valeur d'origine sera affichée. |
Renvois
useDebugValue ne renvoie rien.
Utilisation
- Ajout d'une étiquette à un crochet personnalisé
- Appelez useDebugValue au niveau supérieur de votre crochet personnalisé pour afficher une valeur de débogage lisible pour React DevTools.
- import { useDebugValue } from 'react';
-
- function useOnlineStatus() {
- // ...
- useDebugValue(isOnline ? 'Online' : 'Offline');
- // ...
- }
Dernière mise à jour : Mercredi, le 10 septembre 2025
