How do you destructure props in a functional component?

Đáp án đúng: "const Child = ({ name, age }) => {

return <div>{
  name
}

, {age}</div>; };". Function component nhận props là một đối tượng, nên có thể phân rã (destructure) ngay trong danh sách tham số: hàm nhận thẳng hai biến name và age, thân hàm chỉ còn trả về JSX hiển thị chúng. Phương án chứa "(props) => { const { name, age } = props;" cũng là destructuring hợp lệ và chạy đúng, nhưng làm thành một bước riêng trong thân hàm qua biến props trung gian, không phải cách phân rã props tại tham số mà câu hỏi nhắm tới. Phương án chứa "const name = props.name; const age = props.age;" chỉ gán từng thuộc tính bằng dấu chấm, hoàn toàn không dùng destructuring. Phương án chứa "({ props }) => {" phân rã lấy khoá tên props từ đối tượng props, mà đối tượng đó không có khoá này nên biến props là undefined và câu lệnh phân rã kế tiếp ném TypeError.