reactjs - 如何将选项值传递给 react 中的函数？

Question

如何将选项的值传递给 select 上的函数？

submit = (selectedOption) => {
  console.log('Selected value:',selectedOption);
}

render(){
    return
       <select onChange={this.submit}>
          <option value="Bangalore">Bangalore</option>
          <option value="Delhi">Delhi</option>
          <option value="Mumbai">Mumbai</option>
       </select>
}

Answer 1

不需要手动传递值，可以通过事件对象获取选择的值:event.target.value

这样写:

submit = (event) => {
  console.log('Selected value:', event.target.value);
}

render(){
   return(
      <select onChange={this.submit}>
         <option value="Bangalore">Bangalore</option>
         <option value="Delhi">Delhi</option>
         <option value="Mumbai">Mumbai</option>
     </select>
   )
}