76

Author: kossiecoder

src/pages/ShowPage.js

@@ -9,6 +9,7 @@ const ShowPage = () => {
   const { id } = useParams();
   const [post, setPost] = useState(null);
   const [loading, setLoading] = useState(true);
+  const [timer, setTimer] = useState(0);
   const isLoggedIn = useSelector(state => state.auth.isLoggedIn);
 
   const getPost = (id) => {
@@ -18,6 +19,17 @@ const ShowPage = () => {
     })
   };
 
+  useEffect(() => {
+    const interval = setInterval(() => {
+      console.log('hello')
+      setTimer(prev => prev + 1);
+    }, 1000);
+
+    return () => {
+      clearInterval(interval);
+    }
+  }, []);
+
   useEffect(() => {
     getPost(id)
   }, [id])
@@ -33,7 +45,7 @@ const ShowPage = () => {
   return (
     <div>
       <div className="d-flex">
-        <h1 className="flex-grow-1">{post.title}</h1>
+        <h1 className="flex-grow-1">{post.title} ({timer}초)</h1>
         {isLoggedIn && <div>
           <Link 
             className="btn btn-primary"