From dd36421e238aa379e50fc9232849747eb12c6e9d Mon Sep 17 00:00:00 2001
From: Angelos Chalaris <chalarangelo@gmail.com>
Date: Sat, 13 Oct 2018 12:48:53 +0300
Subject: [PATCH] Formatting for MappedList

---
 snippets/MappedList.md | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/snippets/MappedList.md b/snippets/MappedList.md
index bcec0f75f..ca7eba5a6 100644
--- a/snippets/MappedList.md
+++ b/snippets/MappedList.md
@@ -9,21 +9,30 @@ Omit the `isOrderedList` prop to render a `<ul>` list by default.
 
 ```jsx
 function MappedList(props) {
-  return props.isOrderedList ?
+  return props.isOrderedList ? (
     <ol>
-      {props.data.map((v,i) => <li key={v.id ? v.id : i}>{v.value ? v.value : v}</li>)}
-    </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>)}
+      {props.data.map((v, i) => (
+        <li key={v.id ? v.id : i}>{v.value ? v.value : v}</li>
+      ))}
     </ul>
-};
+  );
+}
 ```
 
 ```jsx
 const names = ['John', 'Paul', 'Mary'];
 ReactDOM.render(<MappedList data={names}/>, document.getElementById('root'));
 const users = [ { id: 8, value: 'john' }, { id: 3, value: 'paul' }];
-ReactDOM.render(<MappedList data={users} isOrderedList/>, document.getElementById('root'));
+ReactDOM.render(
+  <MappedList data={users} isOrderedList />,
+  document.getElementById('root')
+);
 ```
 
 <!-- tags: array,functional -->