Как получить по клику на Autocomplete с React Material Ui обьект?

411
18 января 2017, 02:09

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 } ?

Answer 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 });
}
READ ALSO
Запуск mono через supervisor, программно

Запуск mono через supervisor, программно

ПриветВ общем надо запустить через supervisor парочку приложений написанных на c# с передачей аргументов и заставить их автоматически перезапускаться...

343
Вывод яндекс карты в модальном окне

Вывод яндекс карты в модальном окне

использую плагин yandexmaps

478
Обновляется счетчик

Обновляется счетчик

Здравствуйте!

365
Разбор строки c телефонами на Javascript||PHP

Разбор строки c телефонами на Javascript||PHP

Есть строка вида +7 (495) 605-63-80 +7 (903) 270-70-00 +7 (495) 605-67-88 Как из этой строк средствами Javascript||PHP получить массив из трех телефонов?

376