Truyền id vào component trong React

Bạn đã biết rằng các thuộc tính của thẻ component sẽ được truyền vào props. Điều này áp dụng cho tất cả các thuộc tính, ngoại trừ thuộc tính key, thuộc tính này cần thiết để sử dụng trong các vòng lặp, như thế này:

jsxconst items = prods.map(prod => {
  return <Product
    key ={prod.id}
    name={prod.name}
    cost={prod.cost}
  />;
});

Trong trường hợp này, các thuộc tính name và cost sẽ được truyền vào props, còn key - sẽ không được truyền. Tuy nhiên, chúng ta có thể cần truyền id vào props của component. Trong trường hợp này, chúng ta sẽ cần thêm một thuộc tính nữa:

jsxconst items = prods.map(prod => {
  return <Product
    key ={prod.id}
    id  ={prod.id}
    name={prod.name}
    cost={prod.cost}
  />;
});