WorksheetsFrontend_ReactJS_SS14
Total questions: 20
Worksheet time: 10mins
Khi nào giai đoạn Updating xảy ra trong một component?
Khi DOM load xong
Khi gọi API
Khi component được xóa khỏi DOM
Khi props hoặc state thay đổi
Trong các phương thức sau, phương thức nào KHÔNG nằm trong giai đoạn Updating?
shouldComponentUpdate()
render()
componentWillUnmount()
componentDidUpdate()
Phương thức lifecycle componentDidMount() được gọi khi nào?
Trước khi constructor chạy
Sau khi component bị hủy
Trước khi render
Ngay sau lần render đầu tiên
Vòng đời của một class component trong React gồm mấy giai đoạn chính?
2
3
4
5
Phương thức nào bắt buộc phải có trong mọi class component?
render()
constructor()
componentWillUnmount()
componentDidMount()
Trong component class, componentDidMount() thường dùng để làm gì?
Gọi API hoặc thêm listener
Xóa dữ liệu
Cập nhật DOM thủ công
Tắt state
Khi component sắp bị gỡ bỏ khỏi DOM, React sẽ gọi phương thức nào?
render()
componentDidUpdate()
constructor()
componentWillUnmount()
ý nghĩa đoạn code sau là gì ?
Gán lại giá trị mới cho timer
Ngừng gọi API
Xóa bộ đếm thời gian khi component bị xóa
Bắt đầu đếm thời gian mới
Trong React, lifecycle methods chỉ dùng được với component nào?
Class componen
Component có props
Function component
Stateless component
Nếu bạn quên super(props) trong constructor(), điều gì xảy ra?
Vẫn chạy bình thường
Không truy cập được setState()
Không truy cập được this.props
Không khởi tạo được state
Dòng console.log() chỉ chạy khi:
Component được mount
State count thay đổi
Giá trị props thay đổi
Component bị xóa
Câu lệnh nào giúp ngăn form reload khi submit?
event.stopPropagation()
form.reset();
return false;
event.preventDefault();
Câu nào mô tả đúng về kỹ thuật two-way binding trong Controlled Form?
React và DOM hoạt động độc lập
State phản ánh input, và input thay đổi sẽ cập nhật state
Không cập nhật giá trị input
DOM điều khiển React
Trong Uncontrolled Form, input liên kết với DOM qua:
state
id
props
ref
Nếu ref chưa được gán, this.usernameRef.current sẽ là gì?
null
Một object rỗng
undefined
Một string
Khi dùng optional chaining trong ref như sau, mục đích là gì?
Truy cập nhanh vào biến usernameRef
Tránh lỗi nếu current chưa được khởi tạo
Gán giá trị mặc định
Bắt buộc khi dùng ref
Câu nào dùng để render mảng trong JSX?
Trong JSX, nếu bạn muốn nhúng một biến JavaScript tên là userName vào nội dung HTML, bạn sẽ viết nó như thế nào?
<div>userName</div>
<div>"userName"</div>
<div>$userName</div>
<div>{userName}</div>
Câu lệnh nào sau đây sử dụng đúng cú pháp toán tử 3 ngôi để hiển thị "Online" nếu isOnline là true, ngược lại hiển thị "Offline"?
{isOnline ? "Online" "Offline"}
{isOnline then "Online" else "Offline"}
if (isOnline) { "Online" } else { "Offline" }
{isOnline ? "Online" : "Offline"}
Phương thức nào được React cung cấp để cập nhật giá trị của state trong class component?
updateState()
modifyState()
changeState()
setState()
