button id

frontend/src/Pages/post.tsx

 import React, { useState } from "react";
-
-export interface PostType {
-    id: string;
-    title: string;
-    date: string;
-    click: number;
-}
+import { PostType } from "./typesrc";
 
 type Props = {
     post: PostType;
@@ -17,7 +11,7 @@ export default function Post({ post }: Props) {
     return (
         <div className="flex flex-row h-16 divide-x-2 border-2 border-solid">
             <div className="basis-full">
-                <button onClick={() => setCount(count + 1)}>{post.title}</button>
+                <button id={post.id} onClick={() => setCount(count + 1)}>{post.title}</button>
             </div> {/*<Link to>title</Link> */}
             <div className="basis-3/12">{post.date}</div>
             <div className="basis-2/12">{count}</div>

frontend/src/pages/board.tsx

-import React, {useState} from "react";
-import Post, { PostType } from "./post";
+import React, { useState, MouseEvent } from "react";
+import { PostType } from "./typesrc";
+import Post from "./post";
 
 function range(start:number, end:number) {
     return (new Array(end - start + 1)).fill(undefined).map((_, i) => i + start);
@@ -12,8 +13,12 @@ interface Posts {
 }
 
 export default function BoardPage() {
+    
+    const [posts, setPosts] = useState<PostType[]>(fakes); 
 
-    const [posts, setPosts] = useState<PostType[]>(fakes);  
+    // const titleHandleClick = (event:MouseEvent<HTMLButtonElement>) => {
+    //     setPosts( posts)
+    // } 
 
     return (
         <div className="flex flex-col items-center">