问复选框单击“工作”2次

EN

const toggleHandler = (id: number) => {
    const newObject = todos.map(x => {
      if (x.id === id) {
        x.completed = !x.completed;
      }
      return x;
    });
    setTodos(newObject);
  };

  const addHandler = (title: string) => {
    const newTodo: ITodo = {
      title: title,
      id: Date.now(),
      completed: false
    };
    // setTodos([newTodo, ...todos])
    setTodos([newTodo, ...todos]);
  };

 useEffect(() => {
    const saved = JSON.parse(localStorage.getItem("todos") || "[]") as ITodo[];
    setTodos(saved);

    return () => {
      localStorage.removeItem("todos");
    };
  }, []);