如何将select的值传递给select上的函数?
submit = (selectedOption) => {
console.log('Selected value:',selectedOption);
}
render(){
return
<select onChange={this.submit}>
<option value="Bangalore">Bangalore</option>
<option value="Delhi">Delhi</option>
<option value="Mumbai">Mumbai</option>
</select>
}
您无需手动传递值,可以通过以下方式访问所选值event object
:event.target.value
这样写:
submit = (event) => {
console.log('Selected value:', event.target.value);
}
render(){
return(
<select onChange={this.submit}>
<option value="Bangalore">Bangalore</option>
<option value="Delhi">Delhi</option>
<option value="Mumbai">Mumbai</option>
</select>
)
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句