React komponentinde id geçirmek

Siz eýýäm bilýärsiňiz, komponent teginin atributlary proplara düşýär. Bu ähli atributlara degişlidir, key atributyndan başga, ol aýlawlarda ulanylmak üçin gerek, şeýle:

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

Bu ýagdaýda proplara atributlar name we cost düşer, ýöne key - düşmez. Şeýle-de bolsa, biz komponentiň proplaryna id geçirmeli bolup biler. Şu ýagdaýda biz ýene bir atribut girizmeli bolar:

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

Siziň User komponentiňizi üýtgediň, şonda ol abzasda ulanyjynyň id-sy görkezilsin.