update

Robert Biggs · Robert Biggs · commit b9350dede9a4 · 2018-03-23T17:07:17.000-07:00
diff --git a/tuts/thinking-in-composi.html b/tuts/thinking-in-composi.html
@@ -215,13 +215,10 @@ <h2>Add New Row</h2>
   productInput.value = ''
   priceInput.value = ''
   quantityInput.value = ''
-  // Get the component state:
-  const state = this.state
   // Check if user entered a product name:
   if (product) {
     // Update component state with new product:
-    state.push({product, price, quantity})
-    this.state = state
+    this.setState(prevState => prevState.push({product, price, quantity}))
   } else {
     // User hit Add button without entering product:
     alert('Please provide a product name before trying to add a row.')
@@ -275,19 +272,15 @@ <h2>Updating Price and Quantity</h2>
   // With that we can update the state.
   const index = e.target.dataset.index
   const value = Number(e.target.value)
-  const state = this.state
-  state[index].quantity = value
-  this.state = state
+  this.setState(prevState => prevState[index].quantity = value)
 }
 
 updatePrice(e) {
   // Get the array index stored on the input.
   // With that we can update the state.
   const index = e.target.dataset.index
   const value = Number(e.target.value)
-  const state = this.state
-  state[index].price = value
-  this.state = state
+  this.setState(prevState => prevState[index].price = value)
 }</code>
           </pre>
           <p>Then we need to update the <code>componentDidMount</code> hook and the <code>handleUpdate</code> method:</p>
@@ -317,10 +310,7 @@ <h2>Deleting a Row</h2>
             <code class="language-javascript">
 deleteRow(e) {
   const index = e.target.dataset.index
-  console.log(index)
-  const state = this.state
-  state.splice(index, 1)
-  this.state = state
+  this.setState(prevState => prevState.splice(index, 1))
 }
             </code>
           </pre>
