Which of the following violates the Rules of Hooks?

Khi sử dụng React Hooks, chúng ta cần tuân thủ các quy tắc để tránh các lỗi không mong muốn. Một trong những quy tắc quan trọng là không gọi hooks trong các vòng lặp. Ví dụ, nếu bạn có một mảng các giá trị và muốn sử dụng useState để lưu trữ từng giá trị, bạn không nên gọi useState trong vòng lặp. Thay vào đó, bạn nên gọi useState một lần và sử dụng giá trị đó trong vòng lặp. Điều này giúp đảm bảo rằng mỗi lần render, bạn chỉ gọi useState một lần và tránh các vấn đề liên quan đến hiệu suất. Ngoài ra, bạn cũng không nên gọi hooks ở cấp độ cao nhất của một component, vì điều này có thể gây ra các vấn đề liên quan đến hiệu suất và khó debug. Cuối cùng, bạn cũng không nên gọi hooks trong các custom hooks, vì điều này có thể gây ra các vấn đề liên quan đến hiệu suất và khó debug.