destructuring làm tham số

vì mình xem youtube ngta cứ nói thêm destructuring vào chỗ này mà ngta dạy cơ bản ngta nói thêm nhưng ko giải thích j nên mình ko hỉu lắm

cái trang tham khảo của mozilla hình như ko có ví dụ về destructuring truyền vào hàm

bạn giải thích thêm cho mình đi

@vibloanhduong Destructing là syntax ngắn gọn dùng khi bạn muốn tách một/nhiều phần tử trong mảng hoặc một/nhiều property trong object ra thành một biến mới.

Với Array

const response = [1, 2, 3, 4, 5]

// EX1:
const [firstItem, secondItem, ...other] = response
console.log(firstItem) // 1
console.log(secondItem) // 2
console.log(other) // [3, 4, 5]

// EX2:
const [...other, lastItem] = response
console.log(lastItem) // 5
console.log(other) // [1, 2, 3, 4]

Với Object

const response = {
  statusCode: 200,
  data: [1, 2, 3, 4, 5],
  metaData: {
    page: 1,
  }
}

// EX1:
const { statusCode, data, ...other } = response

console.log(statusCode) // 200
console.log(data) // [1, 2, 3, 4, 5]
console.log(other) // { metaData: { page: 1 } }

Trong đoạn code bạn gửi thì đang dùng cặp dấu '{}' nên nó là syntax destructuring với object. Cụ thể:

• Khái báo prop renderItem - cái này đang truyền vào một function. Tạm gọi là function renderItem cho dễ trình bày.
• Function renderItem nhận argument đầu tiên là một object, trong object đó có một property là item. // Chỗ này chính là áp dụng destructuring để tách property item trong argument đầu tiên của function renderItem ra thành biến cùng tên item. Nó chính là rút gọn cho :

renderItem={(props) => {
  const item = props.item
  return this.renderItem(item)
}}

@huukimit cảm ơn bạn nhiều😍