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 object访问所选值：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>
   )
}

Answer 2

onChange的回调接收事件对象作为参数。要访问所选值，请使用event.target.value。 E.g。

<select onChange={(event) => this.submit(event.target.value)}>

如何将选项值传递给函数中的反应？

2 个答案: