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>;
 }
 ```