首页 > 解决方案 > 如何从显示中的名字和姓氏中选择名字(标签键)Typeahead React

问题描述

如何只选择名字(即选择的应该是名字),当名字和姓氏都显示时(标签键)提前输入反应。

     <Typeahead
    id="typeahead"
      labelKey={option => `${option.firstName} ${option.lastName}`}
      options={[
      { id: 1, firstName: "Art", lastName: "Blakey" },
      { id: 2, firstName: "John", lastName: "Coltrane" },
      { id: 3, firstName: "Miles", lastName: "Davis" },
      { id: 4, firstName: "Herbie", lastName: "Hancock" },
      { id: 5, firstName: "Charlie", lastName: "Parker" },
      { id: 6, firstName: "Tony", lastName: "Williams" }
    ]}
    placeholder="Selected Value must be FirstName"

  />

标签: reactjsautocompletetypeahead.jsautosuggestbootstrap-typeahead

解决方案


推荐阅读