From b17e11c51edc81007e14855fc2cf6a1445494072 Mon Sep 17 00:00:00 2001
From: WATAHIKI YUTO <chvmvd@gmail.com>
Date: Sat, 31 Jan 2026 16:16:53 +0900
Subject: [PATCH] =?UTF-8?q?=E3=80=8CReact=E3=80=8D=E3=81=AE=E7=AF=80?=
 =?UTF-8?q?=E3=81=AEToDo=E3=83=AA=E3=82=B9=E3=83=88=E3=81=AE=E7=B7=A8?=
 =?UTF-8?q?=E9=9B=86=E3=81=AE=E3=82=B5=E3=83=B3=E3=83=97=E3=83=AB=E3=83=97?=
 =?UTF-8?q?=E3=83=AD=E3=82=B0=E3=83=A9=E3=83=A0=E3=81=AE=E3=82=BF=E3=82=A4?=
 =?UTF-8?q?=E3=83=9D=E3=82=92=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../04-react/_samples/todo-edit/src/App.tsx        | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/docs/4-advanced/04-react/_samples/todo-edit/src/App.tsx b/docs/4-advanced/04-react/_samples/todo-edit/src/App.tsx
index 65bb2bda9..771b04a99 100644
--- a/docs/4-advanced/04-react/_samples/todo-edit/src/App.tsx
+++ b/docs/4-advanced/04-react/_samples/todo-edit/src/App.tsx
@@ -6,7 +6,7 @@ export default function App() {
   const [todos, setTodos] = useState<Todo[]>([]);
   const [nextId, setNextId] = useState<number>(1);
   const [newTodo, setNewTodo] = useState<string>("");
-  const [edittingTodo, setEdittingTodo] = useState<Todo>({ id: -1, title: "" });
+  const [editingTodo, setEditingTodo] = useState<Todo>({ id: -1, title: "" });
 
   const addTodo = () => {
     setTodos([...todos, { id: nextId, title: newTodo }]);
@@ -35,14 +35,14 @@ export default function App() {
   };
 
   const editTodo = (todo: Todo) => {
-    setEdittingTodo(todo);
+    setEditingTodo(todo);
   };
 
   const fixTodo = () => {
     setTodos(
-      todos.map((todo) => (todo.id === edittingTodo.id ? edittingTodo : todo)),
+      todos.map((todo) => (todo.id === editingTodo.id ? editingTodo : todo)),
     );
-    setEdittingTodo({ id: -1, title: "" });
+    setEditingTodo({ id: -1, title: "" });
   };
 
   return (
@@ -50,12 +50,12 @@ export default function App() {
       <ul>
         {todos.map((todo, i) => (
           <li key={todo.id}>
-            {edittingTodo.id === todo.id ? (
+            {editingTodo.id === todo.id ? (
               <>
                 <input
-                  value={edittingTodo.title}
+                  value={editingTodo.title}
                   onChange={(e) => {
-                    setEdittingTodo({ id: todo.id, title: e.target.value });
+                    setEditingTodo({ id: todo.id, title: e.target.value });
                   }}
                 />
                 <button