[React] map

map

fruits = [
  {fruit: 'apple', taste: 'sweet'},
  {fruit: 'orange', taste: 'sweet-and-sour'},
  {fruit: 'grapes', taste: 'sour'},
  {fruit: 'strawberry', taste: 'sweet'},
  {fruit: 'watermelon', taste: 'cool'},
];

...

{this.fruits.map( (v, i) => {
	return (
		<li key={v.fruit + v.taste}>{v.fruit} - {v.taste}</li>
	);
})}