WorksheetsFrontend_ReactJS_SS18
Total questions: 18
Worksheet time: 9mins
Mục đích chính của Hook useReducer trong React là gì?
Tạo timer định kỳ trong component
Thay thế useState khi state phức tạp hoặc liên quan đến nhiều bước cập nhật
Quản lý nhiều component cùng lúc
Cập nhật DOM trực tiếp bằng ref
useReducer nhận vào mấy tham số?
1
2
3
Không có tham số
Lợi ích chính của việc dùng useReducer thay vì nhiều useState riêng lẻ là gì?
Tăng tốc độ render UI
Gộp và tổ chức logic cập nhật state phức tạp vào một nơi duy nhất
Có thể dùng được ngoài React component
Tự động lưu state vào localStorage
Câu nào mô tả đúng chức năng chính của useContext?
Giúp component render lại khi có sự kiện click
Cho phép chia sẻ dữ liệu giữa các component mà không cần truyền props qua nhiều cấp
Dùng để thay thế cho useReducer trong mọi trường hợp
Tăng tốc độ truy xuất DOM
Kết quả khi App được render là gì?
Báo lỗi vì không có Provider
Hiển thị "light"
Hiển thị "dark"
Hiển thị "undefined"
Đoạn mã nào dưới đây đúng cách sử dụng useContext với TypeScript để truyền user info?
Với đoạn code sau, khi nhấn nút, component Child có bị render lại không?
Có, vì handleClick là hàm mới mỗi lần render
Có, vì state count thay đổi
Không, vì props không thay đổi
Không, vì React.memo đã ngăn render
Đoạn code nào sau đây là cách dùng đúng của useMemo?
useCallback và useMemo khác nhau thế nào?
useCallback ghi nhớ hàm, useMemo ghi nhớ giá trị trả về của hàm
useCallback chỉ dùng với React.memo, còn useMemo không
Cả hai ghi nhớ hàm giống nhau
useCallback ghi nhớ giá trị trả về, useMemo ghi nhớ hàm
Trường hợp nào không cần thiết dùng useCallback?
Hàm được truyền xuống component con dùng React.memo
Component chỉ render một lần duy nhất
Hàm gọi API cần được gọi lại mỗi lần render
Hàm là callback truyền xuống cho nhiều components
Mỗi lần nhấn nút +, Child có render lại không?
Có, vì count thay đổi
Không, vì useMemo được dùng
Không, vì props của Child không đổi
Có, vì useState luôn làm render lại toàn bộ
Giá trị double sẽ cập nhật khi nào?
Khi value thay đổi
Không bao giờ
Khi có setTimeout
Mỗi lần render
Giá trị mới của count sau dispatch là gì?
6
5
undefined
"increment"
Khi quản lý nhiều state dạng object, cách cập nhật dưới đây có gì sai?
Sai vì làm mất các trường cũ như email, password
Không sai, đây là cách cập nhật object
Sai cú pháp JSX
Sai vì không có setBirth
Đâu là cách sử dụng useState đúng trong Functional Component?
Trong functional component sau, giá trị nào sẽ được hiển thị nếu không truyền name?
Gọi component: <Info age={18} />
undefined
Không hiển thị gì
" "
Nguyen Van A
Khi bạn gọi const [count, setCount] = useState(0);, biến count và hàm setCount lần lượt đại diện cho điều gì?
count là số lần component render, setCount là hàm re-render
count là giá trị ban đầu của state, setCount dùng để thay đổi biến thường
count là state hiện tại, setCount là hàm dùng để cập nhật giá trị state
count là props, setCount là hàm thay đổi props
Trong React, tại sao không nên gán trực tiếp giá trị cho biến state như sau?
Vì email không thể chứa kiểu chuỗi
Vì React không nhận ra state đã thay đổi => không render lại
Vì email chỉ được cập nhật từ props
Vì JSX không hỗ trợ gán giá trị trực tiếp
