Added state to component

Author: svwoodhouse

.gitignore

@@ -22,4 +22,5 @@ node_modules
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-.eslintcache
+.eslintcache
+/eslintcache

Sections/Section 3/01-starting-setup/src/components/Expenses/ExpenseItem.js

@@ -1,16 +1,24 @@
 import './ExpenseItem.css'
 import ExpenseDate from './ExpenseDate'
 import Card from '../UI/Card'
+import React, { useState } from 'react' 
 
 const ExpenseItem = (props) => {
+    const [title, setTitle] = useState(props.title)
+
+    const clickHandler = () => {
+        setTitle("Updated");
+        console.log(title)
+    };
+
     return (
         <Card className="expense-item">
             <ExpenseDate date={props.date}/>
             <div className="expense-item__description">
-                <h2>{props.title}</h2>
+                <h2>{title}</h2>
                 <div className="expense-item__price">${props.amount}</div>
             </div>
-            <button>Change Title</button>
+            <button onClick={clickHandler}>Change Title</button>
         </Card>
     )
 }