如何在react-redux架构中实现自动完成功能？

Question

我正在我正在进行的React项目中使用 Redux架构 。以前，我在项目中使用了 自动完成功能 ，但是搜索数据需要更多时间。

还有其他方法可以在React-Redux环境中实现自动完成功能吗？。那里还有其他可以帮助您解决此问题的图书馆吗？

以下是上述问题的代码段。

const renderInput = inputProps => {
const { input,autoFocus, value, ref, ...other } = inputProps;
return (
  <div>
 <TextField
    autoFocus={autoFocus}
    value={value}
    inputRef={ref}
    InputProps={{
      ...other,
       }}
  />
</div>
return (
  <MenuItem
    selected={isHighlighted}
    component="div"
    onClick={selectSuggestion}
    onKeyPress={e => {
      if (e.key === keys.ENTER) {
        selectSuggestion();
      }
    }}
  >
    <div>
      {map(parts, (part, index) => {
        return part.highlight ? (
          <span key={index} style={{ fontWeight: 500 }}>
            {part.text}
          </span>
        ) : (
          <strong key={index}>{part.text}</strong>
        );
      })}
    </div>
  </MenuItem>
);
};