如何访问来自我的 AutoSuggest 的建议的属性（使用 .filter() 自定义）

Question

我正在使用 this.state 中的建议变量显示建议

suggestions = this.state.products
            .map((item) => item.name)
            .sort()
            .filter((v) => regex.test(v));

我的this.state.products 看起来像这样：

products = [
  {
    name: "Item1",
    category: "stock",
    id: 123
  },
  {
    name: "Item1",
    category: "product",
    id: 456
  },
  {
    name: "Item2",
    category" "item"
  }
]

但this.state.suggestions 只是看起来像这样（假设用户输入是 Item1 或接近那个）：

suggestions = ["Item1", "Item1"]

我怎样才能让它看起来像：

suggestions = [
  {
    name: "Item1",
    category: "stock"
  },
  {
    name: "Item1",
    category: "product"
  }
]

Answer 1

您可以在 mapping 时解构该对象，并仅将 name 属性传递给 filter。 像这样的：

suggestions = this.state.products
            .map(({name, category}) => ({name, category}))
            .sort()
            .filter(({name}) => regex.test(name));