как prevItem получает значение предыдущего элемента?

я сделал приложение todo, и я пытаюсь изменить состояние массива, и для этого я использовал метод onclick. Может ли кто-нибудь объяснить, как он на самом деле работает, и может регистрировать значение моих последних элементов.

function App() {
const [inputText, setInputText] = useState("");
const [items, setItems] = useState([]);

function handleChange(event) {
const newValue = event.target.value;
setInputText(newValue);
}

function addItem() {
setItems(function (prevItems) {
  console.log(prevItems);
  return [...prevItems, inputText];
});
setInputText("");
 }

    return (
    <div className="container">
  <div className="heading">
    <h1>To-Do List</h1>
  </div>
  <div className="form">
    <input onChange={handleChange} type="text" />
    <button onClick={addItem}>
      <span>Add</span>
    </button>
  </div>
  <div>
    <ul>
      {items.map((todoItem) => (
        <li>{todoItem}</li>
      ))}
    </ul>
  </div>
<    /div>
  );
   }