feat(react): avoid click if already checkd

budougumi0617 · Oct 6, 2024 · fcf6a92 · fcf6a92
1 parent e0bb1f7
commit fcf6a92
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/react/tic-tac-toe/src/App.tsx b/react/tic-tac-toe/src/App.tsx
@@ -21,6 +21,11 @@ export default function Board() {
     Array<string | null>(9).fill(null),
   );
   const handleClick = (i: number) => {
+    if (squares[i]) {
+      // 入力済みのマス目をクリックした場合は何もしない
+      return;
+    }
+
     const nextSquares = squares.slice();
     if (xIsNext) {
       nextSquares[i] = "X";