### MappedList
Renders a list of elements from an array of data.
Use the value of the `isOrderedList` prop to conditionally render a `
` or `` list.
Use `Array.prototype.map` to render every item in `data` as a `- ` element and give it a `key`.
`data` can either be an array of objects with the `id` and `value` properties or an array of primitives.
Omit the `isOrderedList` prop to render a `
` list by default.
```jsx
function MappedList({ isOrderedList, data }) {
const list = data.map((v, i) => (
- {v.value ? v.value : v}
));
return isOrderedList ? {list}
: ;
}
```
```jsx
const names = ['John', 'Paul', 'Mary'];
ReactDOM.render(, document.getElementById('root'));
const users = [ { id: 8, value: 'john' }, { id: 3, value: 'paul' }];
ReactDOM.render(
,
document.getElementById('root')
);
```