我正在學習 React hooks，我只是嘗試執行一個簡單的函數來從列表中刪除該項目。為此，我使用 find、indexOf 和 splice。在 onClick 函數中，我在 array.splice(indexOf, 1) 中使用 indexOf，但它僅返回列表中的項目。所有內容都會重新渲染并執行其應該執行的操作，但唯一渲染的項目是我剛剛嘗試刪除的項目。我缺少什么？const [todos, setToDo] = useState(initialToDo);const [input, setInput] = useState('');const todoList = (todos) => {    return (        todos.map((todo) => {        return (            <div className='todo-list flex p-2 w-1/2 justify-between'>                <p className="px-3">{todo.name}</p>                <button                     className='rounded-sm border-2 px-2'                    onClick={(e)=>{                        let item = todos.find(el=>el.id == todo.id);                        console.log(item)                        let index = todos.indexOf(item);                        console.log(index)                        todos = todos.splice(index, 1)                        // todos == item                        setToDo(todos)                    }}                    >-</button>            </div>    )}))}