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 } ?
<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 });
}
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости