解析：為什麼每次都有一個空元素出現在第一個索引位置？

Question

每當我嘗試將某些內容放入我的待辦事項清單時，總是在第一個索引處有一個空元素。為什麼會發生這種情況？

const [todoList, setTodoList] = useState([]);
  
  const addToList = (inputText) => {
    if (inputText === "") {
      alert("列表為空")
    }else{
       setTodoList([inputText, ...todoList])
    }
    console.log(todoList);
  };

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

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

  const addToList = (inputText) => {
    if (inputText === "") {
      alert("列表為空")
    }else{
       setTodoList([...todoList, inputText])
    }
    console.log(todoList);
  };

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

我也嘗試過，但不起作用

Answer 1

Your

setTodoList([inputText, ...todoList])

使用閉包取得 todoList，所以每次都取得相同的 todoList。

你需要像這樣做：

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