React 前端 - 构建自动完成输入

Question

我一直在网上研究并获得了很多关于如何实现自动完成输入字段的资源。但是，它们都是单词列表的自动完成示例。我正在尝试基于对象列表构建自动完成功能。因此，基本思想是当用户希望在键入点时看到对象中推荐的字段列表时。例如，我有一个对象如下：

const myObj = {
  field1: "value1",
  field2: 10,
  field3: {
    nestedField1: "nestedValue1",
    ...
  }
}

所以在输入中，我可以做类似“myObj.”的操作，它会有一个建议字段列表供用户选择。有没有人知道如何实现这种自动完成？或者，如果有任何与此类项目相关的资源，如果您能与我分享，我们将不胜感激。提前致谢。

Answer 1

我们使用 Material UI 来做类似的事情，看看：https://mui.com/material-ui/react-autocomplete/，如果你需要一些非常特别的东西，你可以自己实现而不需要任何其他库。

祝你好运

React frontend - Building an autocomplete input