如何在React中的“全部删除”按钮上删除所有待办事项

import React, { useState } from 'react';

function TodoList() {
  const [todos, setTodos] = useState([]);

  // 其他代码...

  return (
    // JSX代码...
  );
}

export default TodoList;

function TodoList() {
  const [todos, setTodos] = useState([]);

  const handleDeleteAll = () => {
    setTodos([]);
  };

  // 其他代码...

  return (
    // JSX代码...
  );
}

function TodoList() {
  const [todos, setTodos] = useState([]);

  const handleDeleteAll = () => {
    setTodos([]);
  };

  return (
    <div>
      <ul>
        {todos.map((todo, index) => (
          <li key={index}>{todo}</li>
        ))}
      </ul>
      <button onClick={handleDeleteAll}>全部删除</button>
    </div>
  );
}