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 ни ссылки на гитхаб Вы не привели. Commented 16 янв. 2017 в 11:02
  • @УткаУчитсяУму это компонент из библиотеки material ui material-ui.com/#/components/auto-complete Commented 16 янв. 2017 в 11:04
  • По беглому взгляду на документацию я думаю что вам нужен обработчик onNewRequest вторым параметром которого будет индекс и по индексу найти в датасорсе нужный элемент Commented 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 });
}

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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