Przekazywanie id do komponentu w React
Wiesz już, że atrybuty tagu komponentu
trafiają do propsów. Dotyczy to wszystkich atrybutów,
oprócz atrybutu key, który jest potrzebny
do użycia w pętlach, w ten sposób:
const items = prods.map(prod => {
return <Product
key ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
W tym przypadku do propsów trafią atrybuty
name i cost, a key -
nie trafi. Może się jednak zdarzyć, że będziemy potrzebować
przekazać id do propsów komponentu. W
tym przypadku będziemy musieli wprowadzić jeszcze jeden
atrybut:
const items = prods.map(prod => {
return <Product
key ={prod.id}
id ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Zmodyfikuj swój komponent User tak,
aby w akapicie wyświetlało się id użytkownika.
