javascript - 选择 onchange 事件。值未定义

Question

在我的组件中，我想在选择值更改后执行一些操作。

选择:

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

onchange 事件:

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

    // event.value is undefinded
}

我需要事件中的 Prop ，所以我使用bind(this)。但为什么 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'/>