Dependency array kiểm soát khi nào effect chạy lại.
- Không có array: chạy sau mỗi render.
- Array rỗng
[]: chỉ chạy sau mount, tương đương componentDidMount. - Array có giá trị
[a, b]: chạy khi a hoặc b thay đổi. - React ESLint plugin exhaustive-deps giúp phát hiện missing dependencies.
The dependency array controls when the effect re-runs.
- No array: runs after every render.
- Empty array
[]: runs only after the initial mount, equivalent to componentDidMount. - Array with values
[a, b]: runs whenever a or b changes. - The React ESLint plugin's exhaustive-deps rule helps catch missing dependencies.