1

http://www.material-ui.com/#/components/auto-complete

Есть Autocomplete:

<AutoComplete
  fullWidth={true}
  name='contractorName'
  dataSourceConfig={{ text: 'name', value: 'id' }}
  dataSource={::this.renderContractorsList()}
  onUpdateInput={::this.handleContractorName}
  onBlur={e => console.log(e.target)}
/>

dataSource:

renderContractorsList() {
    const { contractorsList } = this.props;

    return contractorsList.map(contractor => {
        return { name: contractor.name, id: contractor.id };
    });
}

Как по клику на выпадающее меню получить соответсвующий { name: contractor.name, id: contractor.id } ?

3
  • Вам на такой вопрос здесь вряд ли ответят. Потому что ни исходников вашего компонента Autocomplete ни ссылки на гитхаб Вы не привели. 16 янв 2017 в 11:02
  • @УткаУчитсяУму это компонент из библиотеки material ui material-ui.com/#/components/auto-complete 16 янв 2017 в 11:04
  • По беглому взгляду на документацию я думаю что вам нужен обработчик onNewRequest вторым параметром которого будет индекс и по индексу найти в датасорсе нужный элемент 16 янв 2017 в 11:09

1 ответ 1

1
<AutoComplete
  fullWidth={true}
  name='contractorName'
  dataSourceConfig={{ text: 'name', value: 'id' }}
  dataSource={::this.getContractorsList()}
  onUpdateInput={::this.handleContractorName}
  onNewRequest={::this.onContractorItemClick}
/>

Добавить свойтво onNewRequest={::this.onContractorItemClick}

onContractorItemClick(contractor) {
  const { id: contractorId } = contractor;

  this.setState({ contractorId });
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.