do.jsx

let itemData = [
  { name: 'Chair', price: '$199', id: 'abc123' },
  { name: 'Table', price: '$799', id: 'def456' }
];

let Item = ({ description, id }) => <li key={id}>{description}</li>;

let makeProps = ({ name, price, id }) => ({
  id,
  description: `${name} - ${price}`
});

let ItemList = ({ items }) => <ul>{items.map(makeProps).map(Item)}</ul>;

// ... <ItemList items={itemData} />