Μεταβίβαση id σε component στο React

Γνωρίζετε ήδη ότι τα attributes της ετικέτας ενός component πηγαίνουν στα props. Αυτό ισχύει για όλα τα attributes, εκτός από το attribute key, το οποίο χρειάζεται για χρήση σε βρόχους, όπως εδώ:

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

Σε αυτήν την περίπτωση, στα props θα μπουν τα attributes name και cost, ενώ το key - δεν θα μπει. Ωστόσο, μπορεί να χρειαστεί να μεταβιβάσουμε το id στα props του component. Σε αυτήν την περίπτωση θα χρειαστεί να εισάγουμε ένα ακόμη attribute:

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

Τροποποιήστε το component User σας έτσι, ώστε σε αυτό να εμφανίζεται το id του χρήστη σε μια παράγραφο.