REECT JS-我希望自动完成应使用primary Text和secendaryText搜索值

Question

我在项目中定义了以下自动完成代码。

    <Autocomplete
      id={id}
      placeholder={placeholder}
      className="md-cell md-cell--4"
      data={service_list}
      filter={Autocomplete.caseInsensitiveFilter}
      onAutocomplete={create_url_after_autocomplete}
   />

我要自动完成的数据是：

    service_list = [
                    {
                      value : "1",
                      primaryText : "Driver Verification",
                      secondaryText : "Police Verification"
                    },
                    {
                      value : "2",
                      primaryText : "Maid Verification",
                      secondaryText : "Police Verification"
                    }
                   ]

现在，当我在自动完成中键入某些内容时，它仅显示我的主文字的建议，但我也希望，如果我在自动完成中键入警察验证，则应显示这两个建议。

我对此一无所知。谢谢。

Answer 1

很可能有必要使用数组 -

{service_list.map(item=> (
 <Autocomplete
   id={item.value}
   key={item.value}
   primaryText={item.primaryText}
   secondaryText={item.secondaryText}
   placeholder={placeholder}
   className="md-cell md-cell--4"
   data={service_list}
   filter={Autocomplete.caseInsensitiveFilter}
   onAutocomplete={create_url_after_autocomplete}
/>)}