Перадача id у кампанент у React
Вы ўжо ведаеце, што атрыбуты тэга кампанента
трапляюць у пропсы. Гэта тычыцца ўсіх атрыбутаў,
акрамя атрыбута key
, які патрэбны
для выкарыстання ў цыклах, вось так:
const items = prods.map(prod => {
return <Product
key ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
У даным выпадку ў пропсы трапяць атрыбуты
name
і cost
, а key
-
не трапіць. Нам, аднак, можа спатрэбіцца
перадаць id
у пропсы кампанента. У
гэтым выпадку нам трэба будзе ўвесці яшчэ адзін
атрыбут:
const items = prods.map(prod => {
return <Product
key ={prod.id}
id ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Мадыфікуйце ваш кампанент User
так,
каб у ім у абзацы вывадзіўся id
юзера.