我有数据列表,并且我需要根据哪个操作用户将其保存为其他名称的状态。我正在使用e.target.value,但它读取所有值都与用户的操作无关。如何检测用户键入或选择值?
onChangeAddress(e) {
console.log(e.target.value)
if(e.target.value){
this.setState({
id: e.target.value,
})
}else{
this.setState({
selected: e.target.value,
})
}
}
<input
type="text"
list="data-list"
className={classname}
onChange={(e)=>this.onChangeAddress(e)}
placeholder={placeholder}
/>
<datalist id="data-list">
{adresses.map((item, idx) => {
const { id, address } = item
return <option key={idx} data-value={id} value={address} />
})}
</datalist>