2017-05-12 21 views
0

私のコンポーネントでは、選択値が変更された後にいくつかのことをしたいと思います。select onchange event.value is undefined

の選択:

<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

+0

私は、このselect要素を使用するコンポーネントのコードのいくつかの他の作品との問題があると思います。もしあなたがコンポーネントコードを置くことができるなら。そうでなければ、このコードはすべて役に立ち、うまくいくはずです。 – Hannan

答えて

0

私は他の間違いをしていると思います。

チェックこの例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'/>