Refactored <ListWidget> to render the items to display from its state field 'items', which references an array of those items, and initialized that field to the same items as rendered previously.

Author: maratbn

webpack_in/entry.jsx

@@ -77,16 +77,24 @@ class TextWidget extends React.Component {
 class ListWidget extends React.Component {
     constructor(props) {
         super(props);
+
+        this.state = {
+            items: [
+                "Item 1",
+                "Item 2",
+                "Item 3"
+              ]
+          };
       }
 
     render() {
         return (
             <div style={ objStyleCommon }>
               <div style={ objStyleContent }>
                 <ul style={{ display: 'inline-block' }}>
-                  <li>Item 1</li>
-                  <li>Item 2</li>
-                  <li>Item 3</li>
+                  { this.state.items.map((strItem, index) => (<li>
+                                                                { strItem }
+                                                              </li>)) }
                 </ul>
               </div>
               <div>