javascript - 如何在 Antd React AutoComplete 选项中打开下拉菜单？

Question

我有一个自动完成，它有 onSearch 事件。他们工作得很好。现在，我需要在自动完成选项中添加一个下拉列表。问题是，当我希望看到打开下拉菜单时，onSearch 仍在工作并且看不到下拉选项。我想做的是，当用户单击下拉菜单时，我应该显示下拉菜单。当用户单击下拉按钮以外的选项的任何其他部分时，onSearch 应按预期工作。

这是自动完成：

<AutoComplete
  dropdownClassName="certain-category-search-dropdown"
  dropdownMatchSelectWidth={500}
  style={{
    width: 250
  }}
  options={options}
  onSelect={onSelect}      
>
  <Input.Search size="large" placeholder="input here" />
</AutoComplete>

这是用于选项的 renderItem 函数，它有下拉菜单：

const renderItem = (title, count) => ({
  value: title,
  label: (
    <div
      style={{
        display: "flex",
        justifyContent: "space-between"
      }}
    >
      {title}
      <span>
        <Dropdown overlay={menu} trigger={["click"]}>
          <span
            className="ant-dropdown-link"
            onClick={(e) => e.preventDefault()}
          >
            Click me <DownOutlined />
          </span>
        </Dropdown>
        {count}
      </span>
    </div>
  )
});

这是我的情况的模拟。它也不必是下拉菜单。当它是一个按钮或某物时，场景是相同的。我无法阻止 onSelect 在单击时运行。

标签： javascriptreactjsantd