Analisis: Mengapa elemen kosong muncul pada kedudukan indeks pertama setiap kali?

Question

Setiap kali saya cuba memasukkan sesuatu ke dalam senarai tugasan saya, sentiasa ada elemen kosong pada indeks pertama. Mengapa ini berlaku?

const [todoList, setTodoList] = useState([]);
  
  const addToList = (inputText) =>
    jika (inputText === "") {
      alert("Senarai kosong")
    }lain{
       setTodoList([inputText, ...todoList])
    }
    console.log(todoList);
  };

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

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

  const addToList = (inputText) =>
    jika (inputText === "") {
      alert("Senarai kosong")
    }lain{
       setTodoList([...todoList, inputText])
    }
    console.log(todoList);
  };

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

Saya juga mencubanya tetapi tidak berjaya

Answer 1

Anda

setTodoList([inputText, ...todoList])

Gunakan penutupan untuk mendapatkan todoList，所以每次都获取相同的 todoList.

Anda perlu melakukan sesuatu seperti ini:

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