Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs React js-我希望autocomplete应该使用primaryText和SecondaryText搜索值_Reactjs - Fatal编程技术网

Reactjs React js-我希望autocomplete应该使用primaryText和SecondaryText搜索值

Reactjs React js-我希望autocomplete应该使用primaryText和SecondaryText搜索值,reactjs,Reactjs,我在我的项目中定义了以下自动完成代码 <Autocomplete id={id} placeholder={placeholder} className="md-cell md-cell--4" data={service_list} filter={Autocomplete.caseInsensitiveFilter} onAutocomplete={create_url_after_autocomplete

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

    <Autocomplete
      id={id}
      placeholder={placeholder}
      className="md-cell md-cell--4"
      data={service_list}
      filter={Autocomplete.caseInsensitiveFilter}
      onAutocomplete={create_url_after_autocomplete}
   />
现在,当我在我的“自动完成”中键入某些内容时,它只显示来自我的primaryText的建议,但我还希望,如果我在“自动完成”中键入“警察验证”,它应该显示这两个建议


我对此一无所知。请提前感谢。

很可能需要使用数组-

{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}

/>)}
{service\u list.map(项目=>(
)}

什么是
Autocomplete
?您使用的是哪个框架或库?Autocomplete是react js中的一个组件,与tetfield类似,但唯一的区别是,它会在您键入数据时立即显示来自数据的建议。@YuryTarabanko
不是常规react的一部分。您使用的是什么库?@MayankBansa我知道“自动完成”是什么。但我不知道您当前使用的是哪种确切的自动完成实现。React本身没有自动完成功能。
{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}

/>)}