Reactjs 如何在React中获取select选项的值？

我尝试使用onChange、onClick和ref，但这些都不能为我提供所选选项的值

<select ref={input => { this.handleInput(input.value) } }>
    <option value="1">Blah</option>
    <option value="2">Blah2</option>
    <option value="3">Blah3</option>
</select>

{this.handleInput（input.value）}>
废话
废话
废话

---

如您所见，input.value显示我未定义。但是，我不知道如何获得选项值，即使将ref更改为onChange和onClick也不起作用

请像这样尝试

onChange

：

类应用程序扩展了React.Component{
建造师（道具）{
超级（道具）
此.state={
结果：“”
};
}
handleSelectChange=（事件）=>{
这是我的国家({
结果：event.target.value
})
}
render（）{
返回(
废话
废话
废话
{this.state.result}
);
}
}
ReactDOM.render(
,
document.getElementById（'容器'）
);

为什么不使用
onChange
并使用第一个参数
e
，然后访问
e.target.value
？@Li357，谢谢！我不知道你能做到我一点一点地改变。但我第一次选择什么都没有？。第二个等等是ok@SulungNugroho我认为您必须将[name]attr添加到您的selects标记中来定义它们