Analysis: Why does an empty element appear at the first index position every time?
<p>Whenever I try to put something into my to-do list, there is always an empty element at the first index. Why does this happen? </p>
<pre class="brush:php;toolbar:false;">const [todoList, setTodoList] = useState([]);
const addToList = (inputText) => {
if (inputText === "") {
alert("The list is empty")
}else{
setTodoList([inputText, ...todoList])
}
console.log(todoList);
};
const addList = (inputText) => {
addToList(inputText);
};</pre>
<pre class="brush:php;toolbar:false;">const [todoList, setTodoList] = useState([]);
const addToList = (inputText) => {
if (inputText === "") {
alert("The list is empty")
}else{
setTodoList([...todoList, inputText])
}
console.log(todoList);
};
const addList = (inputText) => {
addToList(inputText);
};</pre>
<p>I also tried it but it didn’t work</p>