Analyse: Warum erscheint jedes Mal ein leeres Element an der ersten Indexposition?

Question

Immer wenn ich versuche, etwas in meine To-Do-Liste aufzunehmen, gibt es am ersten Index immer ein leeres Element. Warum passiert das?

const [todoList, setTodoList] = useState([]);
  
  const addToList = (inputText) =>
    if (inputText === "") {
      alarm("Die Liste ist leer")
    }anders{
       setTodoList([inputText, ...todoList])
    }
    console.log(todoList);
  };

  const addList = (inputText) =>
    addToList(inputText);
  };

const [todoList, setTodoList] = useState([]);
  

  const addToList = (inputText) =>
    if (inputText === "") {
      alarm("Die Liste ist leer")
    }anders{
       setTodoList([...todoList, inputText])
    }
    console.log(todoList);
  };

  const addList = (inputText) =>
    addToList(inputText);
  };

Ich habe es auch versucht, aber es hat nicht funktioniert

Answer 1

Your

setTodoList([inputText, ...todoList])

使用闭包获取 todoList，所以每次都获取相同的 todoList。

你需要像这样做：

setTodoList(todoList => [inputText, ...todoList])