如何在React中从<select>标签接收和传递值？

Question

嘿，我需要将值从选定的选项传递给setAgeAnswer（），以更新我的状态。 setAgeAnswer（/ *选定选项的值* /）}>   {AgeList.map（element =>（            {元件}        ））} 我不知道该怎么做，我尝试了以下方法： const getValue =（对象，回调）=> {    callback（object.value）; }; getValue（this，setAgeAnswer）}> 但这在此范围内未定义。

Answer 1

事件处理程序的第一个参数是事件对象。它包含目标，该目标是触发事件的DOM元素。所以你只需要获取它的当前值

<select onChange={(e) => setAgeAnswer(e.target.value) }>
  {AgeList.map(element => (
    <option key={element} value={element}>
      {element}
    </option>
  ))}

Answer 2

首先，onChange事件将事件作为参数接收，您可以使用它来获取已选择的值，例如event.target.value。

第二，在React中，使用<select>时，请在实际的value元素上设置<select>。

<select value={this.state.yourValue} onChange={(event) =>setAgeAnswer(event.target.value) }>

Answer 3

尝试：

onChange={(value)=>setAgeAnswer(value)}