ID nodošana komponentē React

Jūs jau zināt, ka komponenta atlases atribūti nokļūst props. Tas attiecas uz visiem atribūtiem, izņemot atribūtu key, kas nepieciešams izmantošanai cilpās, šādi:

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

Šajā gadījumā props nonāks atribūti name un cost, bet key - nenonāks. Tomēr mums var būt nepieciešams nodot id komponenta props. Šajā gadījumā mums būs jāievēl vēl viens atribūts:

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