Truyền id vào component trong React
Bạn đã biết rằng các thuộc tính của thẻ component
sẽ được truyền vào props. Điều này áp dụng cho tất cả các thuộc tính,
ngoại trừ thuộc tính key, thuộc tính này cần thiết
để sử dụng trong các vòng lặp, như thế này:
const items = prods.map(prod => {
return <Product
key ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Trong trường hợp này, các thuộc tính
name và cost sẽ được truyền vào props, còn key -
sẽ không được truyền. Tuy nhiên, chúng ta có thể cần
truyền id vào props của component. Trong
trường hợp này, chúng ta sẽ cần thêm một thuộc tính nữa:
const items = prods.map(prod => {
return <Product
key ={prod.id}
id ={prod.id}
name={prod.name}
cost={prod.cost}
/>;
});
Hãy sửa đổi component User của bạn sao cho
trong đoạn văn của nó hiển thị id của user.
