Kalimi i id në komponent në React

Ju tashmë e dini se atributet e tagut të komponentit hyjnë në props. Kjo vlen për të gjithë atributet, përveç atributit key, i cili nevojitet për përdorim në unaza, kështu:

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

Në këtë rast, në props do të hyjnë atributet name dhe cost, ndërsa key - nuk do të hyjë. Megjithatë, ne mund të kemi nevojë të kalojmë id në props të komponentit. Në këtë rast, do të na duhet të vendosim një atribut tjetër:

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

Modifikoni komponentin tuaj User në mënyrë që në të, në paragraf, të shfaqet id i userit.