Раскрывающийся список пользовательского интерфейса при вводе нажмите, не выбирая значение

Question

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

Вот код для выпадающего списка

  handleChange(value) {
    this.props.fetchSubcategories(value)
  }

<Field
  name="boroughs"
  component={SelectField}
  type="text"
  hintText="Boroughs"
>
  {dasboardBoroughts.map((boroughts, i) => {
    return(<MenuItem onClick={() => this.handleChange(boroughts.name)} key={i} value={capitalize_Words(boroughts.name)} primaryText={capitalize_Words(boroughts.name)} />)
  })}
</Field>

Код для fetchSubcategories

export const fetchSubcategories = (data) => {
  const query = `{getSubcategories(category: "${data}") { foursquareData { categories { name }}}}`
  return fetch(HOSTNAME, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({ query })
  })
  .then((payload) => {
    return payload
  })
}

Answer 1

Вам нужно дождаться async операций в javascript. Ваш API решает обещание на успех. Вам нужно сделать это:

handleChange= value => {
 this.props.fetchSubcategories(value).then((res)=>{
  this.setState({
    menuvalue: //response value
  })
})
}

Позже вы можете подать в суд на это значение состояния в вашем выбранном значении.