Create a React component that displays a list of items passed as props. Which approach would you use?

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: "Use a functional component with the map method". Component chỉ hiển thị một danh sách nhận qua props thì không cần state hay phương thức vòng đời: một function component nhận props.items rồi gọi items.map để biến mỗi phần tử thành một thẻ li có key riêng, React dùng key đó để đối chiếu khi danh sách thay đổi. "Use a class component with componentDidMount" thừa: componentDidMount dùng cho tác vụ phụ sau lần gắn đầu tiên như gọi API, trong khi dữ liệu ở đây đã có sẵn trong props. "Use a higher-order component" là kỹ thuật bọc component để tái dùng logic chung, ví dụ kiểm tra đăng nhập, không phải cách hiển thị một danh sách. "Use a lifecycle method to fetch data" sai yêu cầu vì dữ liệu được truyền qua props chứ không phải tải về từ máy chủ.

Cùng phần 4

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