typescript - 带有 AutoComplete 和 ListItem 的 autoHighLight

Question

我正在使用 AutoComplete 组件来呈现 ListItem 列表，但是当我使用 ListItem 时，该autoHighLight功能似乎不再起作用，我不知道为什么。其他功能，例如filter, clearOnEscape,...仍然可以正常工作。

<Autocomplete
              id="selector"
              data-testid="selector"
              filterOptions={filterOptions}
              options={data}
              value={selectedOption}
              autoHighlight
              clearOnEscape
              ListboxComponent={ListboxWithListItem}
</AutoComplete>

const ListboxWithInfo = (ListboxProps: any) => {
  return (
    <div role={"listbox"}>
      <List {...ListboxProps}>
        {ListboxProps &&
          ListboxProps.children &&
          ListboxProps.children.map((p: any, index: any) => {
            return (
              <ListItem {...p.props} key={index}>
                {p.props.children}
              </ListItem>
            )
          })}
      </List>
    </div>
  )
}

标签： typescriptmaterial-ui