DebugValue Hook
useDebugValue：用于将自定义Hook的关联数据显示到调试栏
如果创建的自定义Hook通用性比较高，可以选择使用useDebugValue方便调试
import React, { useDebugValue, useEffect, useLayoutEffect, useRef, useState } from 'react'
function useTest() {
const [students, setStudents] = useState([])
// 使用React DEV Tools 可以看到这个自定义hook信息
useDebugValue("学生集合")
return students
}
const App = () => {
useState(0)
useState('abc')
useEffect(() => {
console.log('effect')
}, [])
useTest()
return (
<div>
</div>
)
}
export default App
网友评论