資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚學
法學ReactJS - useDebugValue 鉤子
在本文中，我們將瞭解如何在 ReactJS 中使用 **useDebugValue** 鉤子除錯自定義鉤子。
此鉤子為自定義鉤子提供自定義標籤，以便使除錯過程更加容易高效。只有在 React 開發工具被切換為開啟狀態時才會呼叫此鉤子。
語法
useDebugValue(value,()=>{})引數
值 - 自定義鉤子的標籤。
()=>{} - 格式化標籤的函式。
示例
在此示例中，我們將構建一個 React 應用程式，用於顯示我們 React 應用程式的自定義鉤子的自定義標籤。
App.jsx
function useCustomHook(val) {
const [value, setValue] = useState(null);
useDebugValue(value ? Not Empty : Empty);
return value;
}輸出
它會在 React 開發工具中 **useCustomHook** 旁邊顯示標籤。例如，如果值狀態為“empty”，則該標籤的值為“Empty”。
更新於： 19-3-2021
234 次瀏覽量
廣告