我想从选择列表中获取默认选项的数据属性。
我有这个:
< select className =“form-control”id =“select”onChange = {(e)=> state.selectedOptionValue(e)} value = {state.selectedOption}>
{data.map((option,i)=>< Options key = {i} option = {option} />)}
< /选择>
const Options = observer(({state,option})=>(
< option data-option-id = {option.id} value = {option.displayText}>
{} option.displayText
< /选项>
))
然后在我的状态文件中我有onChange处理程序:
async selectedOptionValue(e){
this.selectedOption = e.target.value
this.optionId = e.target.options [e.target.selectedIndex] .getAttribute('data-option-id');
}
这到目前为止工作正常,但我需要默认设置this.optionId,所以我必须在渲染时获取第一个选项的data-options-id
我怎样才能做到这一点?