From 9e9e7443c241864b8f7a91d35176ced24d5eba4b Mon Sep 17 00:00:00 2001
From: Isabelle Viktoria Maciohsek <maciv@hotmail.gr>
Date: Tue, 3 Nov 2020 21:26:34 +0200
Subject: [PATCH] Update data snippets

---
 snippets/DataList.md  | 14 ++++++++------
 snippets/DataTable.md |  4 ++--
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/snippets/DataList.md b/snippets/DataList.md
index c52caaa51..9d3f0b24f 100644
--- a/snippets/DataList.md
+++ b/snippets/DataList.md
@@ -1,16 +1,15 @@
 ---
 title: DataList
-tags: components,array,beginner
+tags: components,beginner
 ---
 
 Renders a list of elements from an array of primitives.
 
-- Use the value of the `isOrdered` prop to conditionally render a `<ol>` or `<ul>` list.
-- Use `Array.prototype.map()` to render every item in `data` as a `<li>` element, give it a `key` produced from the concatenation of the its index and value.
-- Omit the `isOrdered` prop to render a `<ul>` list by default.
+- Use the value of the `isOrdered` prop to conditionally render an `<ol>` or a `<ul>` list.
+- Use `Array.prototype.map()` to render every item in `data` as a `<li>` element with an appropriate `key`.
 
 ```jsx
-const DataList = ({ isOrdered, data }) => {
+const DataList = ({ isOrdered = false, data }) => {
   const list = data.map((val, i) => <li key={`${i}_${val}`}>{val}</li>);
   return isOrdered ? <ol>{list}</ol> : <ul>{list}</ul>;
 };
@@ -19,5 +18,8 @@ const DataList = ({ isOrdered, data }) => {
 ```jsx
 const names = ['John', 'Paul', 'Mary'];
 ReactDOM.render(<DataList data={names} />, document.getElementById('root'));
-ReactDOM.render(<DataList data={names} isOrdered />, document.getElementById('root'));
+ReactDOM.render(
+  <DataList data={names} isOrdered />,
+  document.getElementById('root')
+);
 ```
diff --git a/snippets/DataTable.md b/snippets/DataTable.md
index 04fbbd893..2815ccb62 100644
--- a/snippets/DataTable.md
+++ b/snippets/DataTable.md
@@ -1,12 +1,12 @@
 ---
 title: DataTable
-tags: components,array,beginner
+tags: components,beginner
 ---
 
 Renders a table with rows dynamically created from an array of primitives.
 
 - Render a `<table>` element with two columns (`ID` and `Value`).
-- Use `Array.prototype.map()` to render every item in `data` as a `<tr>` element, consisting of its index and value, give it a `key` produced from the concatenation of the two.
+- Use `Array.prototype.map()` to render every item in `data` as a `<tr>` element with an appropriate `key`.
 
 ```jsx
 const DataTable = ({ data }) => {