Conditional Hook Call (ARCH3300)

Anahtar typescript.react.conditional-hook · Önem error · Kategori quality

React: bir dal, döngü ya da erken dönüş içinde çağrılan hook’ları işaretler. React hook’ları çağrı SIRASINA göre eşler; koşullu bir hook bu sırayı render’lar arasında değiştirir.

Yanlış

function Profile({ user }) {
  if (!user) return null;
  const [tab, setTab] = useState("posts");
  return <Tabs value={tab} onChange={setTab} />;
}

Doğru

function Profile({ user }) {
  const [tab, setTab] = useState("posts");
  if (!user) return null;
  return <Tabs value={tab} onChange={setTab} />;
}