Как отобразить все опции в меню типа начальной загрузки реакции с существующим выбором - PullRequest
Новая
       29

Как отобразить все опции в меню типа начальной загрузки реакции с существующим выбором

0 голосов
/ 15 мая 2018

Я хочу, чтобы весь список отображаемых файлов отображался в OnFocus, а не только в выбранном элементе, в отличие от рисунка, приведенного ниже.

enter image description here

<Typeahead
  labelKey="label"
  options={options}
  placeholder="Search.."
  onFocus={(e)=>this.onFocus(e)}
  onKeyDown={()=>this.onChange()}
  ref={(typeahead) => this.typeahead = typeahead}
  selected={this.props.single}
  renderMenuItemChildren={(option) => (
    <div onClick={(e)=>this.handleClick(e)} value={option.label}>
      {option.label}
    </div> 
  )}
/>

1 Ответ

0 голосов
/ 16 мая 2018

Из аналогичный вопрос и ответ :

Пропеллер filterBy может принимать пользовательскую функцию, позволяя фильтровать результаты по вашему желанию.

Пример: 

<Typeahead
  filterBy={(option, props) => {
    if (props.selected.length) {
      // Display all the options if there's a selection.
      return true;
    }
    // Otherwise filter on some criteria.
    return option.name.toLowerCase().indexOf(props.text.toLowerCase()) !== -1;
  }}
  labelKey="label"
  options={options}
  placeholder="Search.."
  onFocus={(e)=>this.onFocus(e)}
  onKeyDown={()=>this.onChange()}
  ref={(typeahead) => this.typeahead = typeahead}
  selected={this.props.single}
  renderMenuItemChildren={(option) => (
    <div onClick={(e)=>this.handleClick(e)} value={option.label}>
      {option.label}
    </div> 
  )}
/>
...