select onchange event.value is undefined

Question

내 구성 요소에서 선택 값이 변경된 후 몇 가지 작업을 수행하려고합니다.

선택 :

<select value={current} onChange={this.onSelectChange.bind(this)}> 
    {options} 
</select> 

onchange를 이벤트 :

onSelectChange(event) { 
    const { cookies } = this.props; 

    // event.value is undefinded 
} 

나는 경우에 소품 그래서 난 바인드 (이)를 사용이 필요합니다. 하지만 event.value이 정의되지 않은 이유는 무엇입니까? (event.target.value도)

Answer 1

다른 실수를 저지른 것 같아서 콘솔을 확인하십시오.

확인이 예 event.target.value 항상 선택된 값을가집니다 :

class App extends React.Component{ 
 

 
    onSelectChange(e){ 
 
    console.log(e.target.value); 
 
    } 
 

 
    render(){ 
 
    return(
 
     <select onChange={this.onSelectChange.bind(this)}> 
 
     <option value='1'>1</option> 
 
     <option value='2'>2</option> 
 
     <option value='3'>3</option> 
 
     </select> 
 
    ) 
 
    } 
 
} 
 

 
ReactDOM.render(<App/>, document.getElementById('app'))

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> 
 

 
<div id='app'/>