ID edastamine React komponendile

Te juba teate, et komponendi tagi atribuudid lähevad propsidesse. See kehtib kõikide atribuutide kohta, välja arvatud atribuudi key kohta, mida on vaja tsüklites kasutamiseks, nii:

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

Sel juhul lähevad propsidesse atribuudid name ja cost, kuid key - ei lähe. Võib aga tekkida vajadus edastada id komponendi propsidesse. Sellisel juhul peame sisestama veel ühe atribuudi:

jsxconst items = prods.map(prod => {
  return <Product
    key ={prod.id}
    id  ={prod.id}
    name={prod.name}
    cost={prod.cost}
  />;
});
Задание 1

Modifitseerige oma komponent User nii, et selles kuvataks lõigus kasutaja id.