如何將選項值傳遞給函數中的反應？

Question

如何將選項的值傳遞給選擇的函數？

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。例如。

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