Merhabalar Reactta yeniyim bir sorum olacaktı

Merahabalar Reactta yeniyim bir sorum olacak
useEffect(() => { fetch("https://jsonplaceholder.typicode.com/posts/" + currentPostId) .then((res) => res.json()) .then((post) => setPost(post)); });
bu şekilde kullandığımda sürekli istek atıyor ama sayfada koyduğum butona herhangi bir şekilde tıklamadım sayfa herhangi bir şekilde render olmadı. Eğer bunun son kısmına bir koşul koyarsam sürekli bir istek atmış olmuyor. Mesela şu şekilde kullansam;
useEffect(() => { console.log(’Merhaba’) });
bunu butona tıklamasam dönmüyor. Eğer butona tıklasamda bir kere console yazdırıyor.
Bunlar arasındaki fark nedir de birinde sürekli istek atıyor diğerinde sadece bir kere console yazdırılıyor.

o kısmı böyle yap
useEffect(() => { if (currentPostId) { fetch("https://jsonplaceholder.typicode.com/posts/" + currentPostId).then((res) => res.json()).then((post) => setPost(post)); } }, [currentPostId]);

useEffectin bağımlılıkları ile alakalı bir durum
mount didmount anlarını detaylıca araştırırsan iyice kavrayabilirsin

Teşekkürler hocam