7 - Adding Interactivity with State

react-foundations/index.html

@@ -13,9 +13,20 @@
           return (<h1>{title? title : 'Default Title'}</h1>);
         }
 
+
+
+
+
         function HomePage() {
           const names = ['Ada Lovelace', 'Grace Hopper', 'Margaret Hamilton'];
 
+          const [likes, setLikes] = React.useState(0);
+
+          function handleClick(){
+            console.log("increment like count")
+            setLikes(likes + 1);
+          }
+
           return (
             <div>
               <Header title="Develop. Preview. Ship." />
@@ -24,6 +35,7 @@
                   <li key={name}>{name}</li>
                 ))}
               </ul>
+              <button onClick={handleClick}>Like({likes})</button>
             </div>
           );
         }