Câu hỏi: SBA301 - Chương 3: State và Hooks trong React
24 câu trắc nghiệm kèm lời giải của môn Tích hợp ứng dụng trang đơn với Spring Boot - Integrate single page application with Spring Boot, xếp theo thứ tự nhập vào ngân hàng. Trang 2/2 — câu 21–24.
Danh sách câu hỏi
24/24 câuHết danh sách
21What is the purpose of a custom Hook?4 lựa chọnDễ100% trả lời đúng
ATo replace built-in Hooks.
BTo share stateful logic between components.
CTo define CSS styles.
DTo manage database connections.
Lời giải
Mở trang câu hỏi này →Một Custom Hook là một hàm có thể được sử dụng trong các thành phần React để chia sẻ logic trạng thái giữa các thành phần. Nó cho phép bạn tái sử dụng mã và giảm sự lặp lại trong ứng dụng của mình. Ví dụ, bạn có thể tạo một Custom Hook để quản lý trạng thái người dùng, như lưu trữ thông tin đăng nhập hoặc lưu trữ dữ liệu người dùng. Điều này giúp bạn dễ dàng chia sẻ logic trạng thái giữa các thành phần và làm cho mã của bạn trở nên dễ đọc và dễ bảo trì hơn. Ngoài ra, Custom Hooks cũng cho phép bạn tái sử dụng mã và giảm sự lặp lại trong ứng dụng của mình.
22How is state initialized in a Class Component?4 lựa chọnTrung bình50% trả lời đúng
AUsing useState().
BUsing this.setState().
CBy assigning a value to this.state in the constructor().
DBy using props.state.
Lời giải
Mở trang câu hỏi này →Trong khi khởi tạo một thành phần Class Component, bạn cần phải sử dụng hàm constructor() để khởi tạo trạng thái ban đầu của component. Hàm constructor() được gọi khi component được tạo mới và nó được sử dụng để khởi tạo trạng thái của component. Bạn có thể sử dụng từ khóa 'this.state' để truy cập vào trạng thái của component và gán giá trị cho nó. Ví dụ: constructor(props) { super(props); this.state = { trạng_thái: 'giá_trị' }; }. Điều này giúp bạn có thể truy cập và sử dụng trạng thái trong các phương thức khác của component.
23Which React feature helps prevent unnecessary re-renders in functional components?4 lựa chọnTrung bình50% trả lời đúng
A
React.memoB
shouldComponentUpdateC
PureComponentD
useStateLời giải
Mở trang câu hỏi này →Tính năng React giúp ngăn chặn các re-render không cần thiết trong các thành phần chức năng là React.memo. React.memo là một hàm cao cấp giúp kiểm tra xem props của thành phần đã thay đổi hay chưa. Nếu props không thay đổi, React sẽ không thực hiện re-render. Điều này giúp cải thiện hiệu suất ứng dụng React. Ngoài ra, React.memo cũng có thể được sử dụng để ngăn chặn re-render không cần thiết trong các thành phần con.
24Which of the following is a valid way to update state in a Class Component?4 lựa chọnKhó29% trả lời đúng
Athis.state = { newValue: 'new' };
Bthis.setState({ newValue: 'new' });
CuseState('new');
Dstate.update({newValue: 'new'});
Lời giải
Mở trang câu hỏi này →Để cập nhật trạng thái trong một Component lớp, chúng ta có thể sử dụng phương thức setState(). Phương thức này cho phép cập nhật trạng thái của Component một cách an toàn và hiệu quả. Khi sử dụng setState(), Component sẽ được cập nhật ngay lập tức và trạng thái mới sẽ được lưu trữ trong bộ nhớ đệm. Sau đó, trạng thái mới sẽ được cập nhật vào bộ nhớ chính trong vòng đời của Component. Điều này giúp đảm bảo rằng trạng thái của Component luôn được cập nhật một cách đồng bộ và chính xác.