从列表中删除项目时如何在AsyncTypeahead中捕获已删除的项目

<AsyncTypeahead
  onSearch={handleSearch}
  ...
/>

const handleSearch = async (query) => {
  try {
    const response = await fetch('your_backend_url', {
      method: 'POST',
      body: JSON.stringify({ query }),
      headers: {
        'Content-Type': 'application/json',
      },
    });

    const data = await response.json();

    // 将获取到的项目列表保存在组件的状态中
    setOptions(data);
  } catch (error) {
    console.error('Error:', error);
  }
};

<AsyncTypeahead
  ...
  onChange={handleSelection}
/>

const handleSelection = (selected) => {
  // 判断是否有已删除的项目
  const deletedItems = options.filter((item) => !selected.includes(item));

  // 对已删除的项目进行处理
  if (deletedItems.length > 0) {
    // 在这里进行你想要的操作，比如打印已删除的项目名称
    console.log('已删除的项目:', deletedItems.map((item) => item.name));
  }

  // 更新组件的状态
  setSelected(selected);
};