Transmiterea id-ului în component în React

Știți deja că atributele tag-ului componentei ajung în props. Acest lucru este valabil pentru toate atributele, cu excepția atributului key, care este necesar pentru utilizarea în bucle, astfel:

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

În acest caz, în props vor intra atributele name și cost, iar key - nu va intra. Totuși, poate fi necesar să transmitem id în props-urile componentei. În acest caz, va trebui să introducem un alt atribut:

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