How do you wrap a lazy component with Suspense in React?

4 phương ánCó giải thích

Các phương án trả lời

Chọn một phương án
Lời giảiChọn phương án để mở

Đáp án đúng: "Using the fallback prop of the Suspense component". Component tạo bằng React.lazy cần được đặt bên trong Suspense; trong lúc gói mã của nó còn đang tải, React hiển thị thứ được truyền qua prop fallback (thường là chữ đang tải hay một spinner), tải xong thì thay bằng component thật. Ví dụ ngắn: <Suspense fallback={ <Spinner /> }> bao quanh component lười. "Using the wrap prop of the Suspense component" sai vì Suspense không có prop wrap; việc bọc chính là đặt component lười làm con của Suspense. "Using the lazy prop of the Suspense component" sai vì lazy là hàm của React dùng để khai báo component lười, không phải prop của Suspense. "Using the component prop of the Suspense component" sai vì Suspense không nhận component qua prop; component lười được truyền dưới dạng children.

Cùng phần 7

Xuất hiện trong 1 bộ đề