lesson 02: render multi elements without wrapping

src/MultiElementRender.js

@@ -0,0 +1,21 @@
+import React, { Component } from 'react';
+
+const Fruits = () => [
+  <li key="1">Pear</li>,
+  <li key="2">Weater Melon</li>,
+];
+
+class App extends Component {
+  render() {
+    return [
+      <ul>
+        <li>Apple</li>
+        <li>Banana</li>
+        <Fruits />
+      </ul>,
+      <div>this is a div</div>,
+    ];
+  }
+}
+
+export default App;

src/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.css';
-import App from './ErrorBoundary';
+import App from './MultiElementRender';
 import registerServiceWorker from './registerServiceWorker';
 
 ReactDOM.render(<App />, document.getElementById('root'));