ReactJS如何在渲染上获得<select>的第一个选项

时间:2017-06-08 09:12:10

标签: javascript reactjs

我想从选择列表中获取默认选项的数据属性。 我有这个: &lt; select className =“form-control”id =“select”onChange = {(e)=&gt; state.selectedOptionValue(e)} value = {state.selectedOption}&gt;    {data.map((option,i)=&gt;&lt; Options key = {i} option = {option} /&gt;)} &LT; /选择&GT; const Options = observer(({state,option})=&gt;(   &lt; option data-option-id = {option.id} value = {option.displayText}&gt;     {} option.displayText   &LT; /选项&GT; )) 然后在我的状态文件中我有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 我怎样才能做到这一点?

0 个答案:

没有答案