From 5b077a0c77352d29c02246ab297ccaa10d3af0d0 Mon Sep 17 00:00:00 2001
From: Angelos Chalaris <chalarangelo@gmail.com>
Date: Wed, 17 Oct 2018 10:13:11 +0300
Subject: [PATCH] Update MappedList.md

---
 snippets/MappedList.md | 19 +++++--------------
 1 file changed, 5 insertions(+), 14 deletions(-)

diff --git a/snippets/MappedList.md b/snippets/MappedList.md
index ca7eba5a6..17b9bba5f 100644
--- a/snippets/MappedList.md
+++ b/snippets/MappedList.md
@@ -8,20 +8,11 @@ Use `Array.prototype.map` to render every item in `data` as a `<li>` element and
 Omit the `isOrderedList` prop to render a `<ul>` list by default.
 
 ```jsx
-function MappedList(props) {
-  return props.isOrderedList ? (
-    <ol>
-      {props.data.map((v, i) => (
-        <li key={v.id ? v.id : i}>{v.value ? v.value : v}</li>
-      ))}
-    </ol>
-  ) : (
-    <ul>
-      {props.data.map((v, i) => (
-        <li key={v.id ? v.id : i}>{v.value ? v.value : v}</li>
-      ))}
-    </ul>
-  );
+function MappedList({ isOrderedList, data}) {
+  const list = data.map((v, i) => (
+    <li key={v.id ? v.id : i}>{v.value ? v.value : v}</li>
+  ));
+  return isOrderedList ? <ol>{list}</ol> : <ul>{list}</ul>;
 }
 ```