finished react tutorial

react_test/tutorial/app/like-button.js

@@ -0,0 +1,11 @@
+'use client';
+
+import { useState } from 'react';
+
+export default function LikeButton() {
+    const [likes, setLikes] = useState(0);
+    function handleClick(){
+        setLikes(likes + 1);
+    }
+    return <button onClick={handleClick}>Likes ({likes})</button>
+}

react_test/tutorial/app/page.js

@@ -1,5 +1,4 @@
-
+import LikeButton from "./like-button";
-import { useState } from 'react';
 
 function Header({ title }) {
   return <h1>{title ? title : 'Default Title'}</h1>;
@@ -7,11 +6,8 @@ function Header({ title }) {
 export default function HomePage() {
   const names = ['Ada Lovlace', 'Grace Hopper', 'Margaret Hamilton'];
 
-  const [likes, setLikes] = React.useState(0);
   
-  function handleClick() {
+
-    setLikes(likes + 1);
-  }
   return (
     <div>
       <Header title="Develop. Preview. Ship." />
@@ -20,7 +16,7 @@ export default function HomePage() {
           <li key={name}>{name}</li>
         ))}
       </ul>
-      <button onClick={handleClick}>Likes ({likes})</button>
+      <LikeButton />
     </div>
   );
 }