Nested the actual text caption of each list item in a sub-field 'capt…

…ion'. This is to allow for keeping track of other data for each item via other sub-fields.
maratbn · Aug 5, 2018 · e1f5345347c59ae6f50bbe0a5ed60446df6960d9 · e1f5345
1 parent 5bd1dc3
commit e1f5345347c59ae6f50bbe0a5ed60446df6960d9
Unified Split

Showing with 6 additions and 4 deletions.

+6 −4 webpack_in/entry.jsx
diff --git a/webpack_in/entry.jsx b/webpack_in/entry.jsx
@@ -78,11 +78,13 @@ class ListWidget extends React.Component {
     constructor(props) {
         super(props);
 
-        this._mutateStateToAddItem = (state, strItemNew) => ({
+        this._mutateStateToAddItem = (state, strItemCaption) => ({
             ...state,
             items: [
                 ...state.items,
-                strItemNew
+                {
+                    caption: strItemCaption
+                  }
               ],
             total_added: state.total_added + 1
           });
@@ -106,8 +108,8 @@ class ListWidget extends React.Component {
             <div style={ objStyleCommon }>
               <div style={ objStyleContent }>
                 <ul style={{ display: 'inline-block', textAlign: 'left' }}>
-                  { this.state.items.map((strItem, index) => (<li key={ index }>
-                                                                { strItem }
+                  { this.state.items.map((objItem, index) => (<li key={ index }>
+                                                                { objItem.caption }
                                                               </li>)) }
                 </ul>
               </div>