Trung BìnhReact iconReact

Component re-render liên tục, làm sao debug và fix?

Continuous re-render thường do reference instability hoặc missing dependency — dùng DevTools Profiler để identify.

  • React DevTools Profiler: tìm component render nhiều.
  • Nguyên nhân phổ biến: tạo object/array mới trong render, missing dependency array useEffect, context value thay đổi.
  • Fix: React.memo, useMemo/useCallback, split context, move state xuống component con.

Xem toàn bộ React cùng filter theo level & chủ đề con.

Mở danh sách React