From ed9ff3ca126e4edacfadd4e97893f7fe111c1d6f Mon Sep 17 00:00:00 2001
From: raunofreiberg <freiberggg@gmail.com>
Date: Mon, 19 Mar 2018 11:05:38 +0200
Subject: [PATCH] [react] [docs] add React.Fragment example to new features

---
 react.md | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/react.md b/react.md
index 463b577c1..1b5ae94d8 100644
--- a/react.md
+++ b/react.md
@@ -124,7 +124,7 @@ class Info extends React.Component {
 ```
 
 
-{: data-line="6,7"}
+{: data-line="5,6,7,8,9,10"}
 
 Nest components to separate concerns.
 
@@ -422,8 +422,11 @@ New features
 ------------
 {: .-three-column}
 
-### Returning fragments
+### Returning multiple elements
 
+You can return multiple elements as arrays or fragments.
+
+**Arrays**
 ```js
 render () {
   // Don't forget the keys!
@@ -435,7 +438,19 @@ render () {
 ```
 {: data-line="3,4,5,6"}
 
-You can return multiple nodes as arrays.
+**Fragments**
+```js
+render () {
+  // Fragments don't require keys!
+  return (
+    <React.Fragment>
+      <li>First item</li>
+      <li>Second item</li>
+    </React.Fragment>
+  )
+}
+```
+{: data-line="3,4,5,6,7,8"}
 
 See: [Fragments and strings](https://reactjs.org/blog/2017/09/26/react-v16.0.html#new-render-return-types-fragments-and-strings)