State Set During Render (ARCH3305)

Anahtar typescript.react.set-state-during-render · Önem error · Kategori quality

React: bileşen gövdesinde çağrılan state setter’ları işaretler. Her çağrı yeni bir render planlar, o da çağrıyı tekrarlar.

Yanlış

function Cart({ lines }) {
  const [total, setTotal] = useState(0);
  setTotal(sum(lines));
  return <span>{total}</span>;
}

Doğru

function Cart({ lines }) {
  const total = useMemo(() => sum(lines), [lines]);
  return <span>{total}</span>;
}