Photo by Volodymyr Hryshchenko on Unsplash

REACT HOOK SERIES

React useDebugValue

Hook konusunda seriye devam ediyoruz. Bu yazıda React içerisinde gelen useLayoutEffect Hook üzerinde duracağız.

Kendi Custom Hook yazdınız ve bu Custom Hook component ile ilgili bilgilerin React DevTools içerisinde gösterilmesini istiyorsunuz. Aşağıdaki komut ile bunu basitçe yapabilirsiniz.

useDebugValue(value)

Örneğin kendi custom Hover Hook yazmış olalım. Bunun içerisinde useDebugValue ile mevcut durumu yazdırırsak..

useHover Custom Hook

Örneğin Mavi Bileşenin üzerine Hover ettiğimizde bunun durumunu React DevTools da hooks altında property olarak gösterebiliriz.

React DevTools

Source Kod

GitHub kodu

Referanslar

• https://reactjs.org/docs/hooks-reference.html#usedebugvalue

Okumaya Devam Et 😃

Bu yazının devamı veya yazı grubundaki diğer yazılara erişmek için bu linke tıklayabilirsiniz.