Lesson 4 - React

Hook "useEffect" nhận đầu vào là gì?

• Một hàm callback và một mảng phụ thuộc.
• Một hàm callback và một số nguyên
• Một mảng và một chuỗi
• Một hàm callback và một đối tượng

Cần lưu ý gì khi sử dụng useEffect để tránh rò rỉ bộ nhớ?

• Sử dụng useEffect mà không cần kiểm tra điều kiện.
• Chỉ sử dụng useEffect trong component gốc.
• Không cần sử dụng hàm dọn dẹp trong useEffect.
• Sử dụng hàm dọn dẹp trong useEffect để tránh rò rỉ bộ nhớ.

Những trường hợp nào cần dùng useEffect?

• Khi cần kết nối với các hệ thống khác

• Khi cần đồng bộ với nguồn dữ liệu bên ngoài (VD: API)

• Khi cần tối ưu hóa hiệu suất của ứng dụng
• Khi cần cập nhật trạng thái mới dựa trên sự thay đổi của một trạng thái khác

Vòng đời của 1 component gồm những giai đoạn nào?

• Loading, Processing, Saving
• Mounting, Updating, Unmounting
• Initialization, Execution, Termination
• Creation, Modification, Deletion

Khi nào thích hợp gọi API bằng useEffect?

• Mỗi lần component render lại

• Khi component được mount lần đầu tiên

• Khi một giá trị phụ thuộc (dependency) thay đổi

• Khi người dùng click vào một button trong component

Mảng dependencies trong hàm useEffect có tác dụng gì?

• Mảng dependencies không ảnh hưởng đến hiệu suất của component.
• Mảng dependencies giúp kiểm soát khi nào effect được thực thi lại.
• Mảng dependencies chỉ chứa các giá trị mặc định.
• Mảng dependencies xác định số lần render của component.

Cú pháp của 1 hook useEffect?

• useEffect(() => { // cleanup code }, [dependencies]);
• useEffect(() => { // effect code }), [dependencies];

• useEffect([dependencies], () => { // effect code });
• useEffect(() => { // effect code }, [dependencies]);

Điều nào sau đây là đúng khi nói về hook useEffect?

• useEffect chỉ được sử dụng trong class component.
• useEffect không thể thực hiện các tác vụ bất đồng bộ.
• useEffect chỉ chạy khi component được gắn vào DOM.
• useEffect cho phép thực hiện các tác vụ có chứa side-effect trong component React.

Câu nào đúng về việc dọn dẹp (cleanup) khi gọi API trong useEffect?

• Dọn dẹp không cần thiết khi gọi API

• Cleanup được dùng để hủy yêu cầu khi component bị unmount

• Có thể sử dụng AbortController để hủy API call

• Nếu không cleanup, có thể gặp lỗi memory leak

Đâu là lý do khiến API được gọi lại nhiều lần khi sử dụng useEffect?

• Không truyền dependency array vào useEffect

• Giá trị trong dependency array thay đổi liên tục

• API yêu cầu nhiều dữ liệu nên gọi lặp lại

• Không sử dụng hàm cleanup trong useEffect