约 100 个字 预计阅读时间不到 1 分钟

实验课不用去

quiz 可以请假补测

// TodoApp.js import React, { useState } from "react";

const TodoApp = () => { const [todos, setTodos] = useState([]); const [newTodo, setNewTodo] = useState("");

const handleAddTodo = () => { if (newTodo.trim() === "") { alert("Please enter a todo item."); return; }

setTodos([...todos, { text: newTodo, completed: false }]);
setNewTodo("");

};

const handleDeleteTodo = (index) => { const updatedTodos = todos.filter((_, i) => i !== index); setTodos(updatedTodos); };

const handleToggleComplete = (index) => { const updatedTodos = todos.map((todo, i) => i === index ? { ...todo, completed: !todo.completed } : todo ); setTodos(updatedTodos); };

return (

Todo List

setNewTodo(e.target.value)} placeholder="Add a new todo" />
    {todos.map((todo, index) => (
  • {todo.text}
    • ))}
); };

export default TodoApp;