如何在多选中添加自定义按钮？

import React, { useState } from 'react';

const MultiSelect = () => {
  const [selectedItems, setSelectedItems] = useState([]);

  const handleCustomButton = () => {
    // 自定义按钮的逻辑处理
    // 例如，删除选中项
    setSelectedItems([]);
  };

  const handleItemSelection = (item) => {
    // 处理选项的选择状态
    if (selectedItems.includes(item)) {
      setSelectedItems(selectedItems.filter((selectedItem) => selectedItem !== item));
    } else {
      setSelectedItems([...selectedItems, item]);
    }
  };

  return (
    <div>
      <button onClick={handleCustomButton}>自定义按钮</button>
      <ul>
        {items.map((item) => (
          <li key={item.id} onClick={() => handleItemSelection(item)}>
            {item.name}
          </li>
        ))}
      </ul>
    </div>
  );
};

export default MultiSelect;