Chapter 7 - add state

index.html

@@ -15,6 +15,12 @@
         function HomePage() {
             const names = ['Ada Lovelace', 'Grace Hopper', 'Margaret Hamilton'];
 
+            const [likes, setLikes] = React.useState(0);
+
+            function handleClick() {
+                setLikes(likes + 1);
+              }
+
             return (
                 <div> 
                     <Header title="Develop. Preview. Ship." />
@@ -23,6 +29,7 @@
                             <li key={name}> {name} </li>
                         ))}
                     </ul>
+                    <button onClick={handleClick}> Like ({likes}) </button>
                 </div>
                 )
         }