解析：为什么每次都有一个空元素出现在第一个索引位置？

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])