Javascript 更改选择(下拉)选择react组件内的状态更改
我有一个下拉列表,当数据可用时,我希望被预先选择。然而,这似乎没有真正的机会 由于我正在等待某个特定值的状态更改,因此使用该值作为Javascript 更改选择(下拉)选择react组件内的状态更改,javascript,html,dom,reactjs,Javascript,Html,Dom,Reactjs,我有一个下拉列表,当数据可用时,我希望被预先选择。然而,这似乎没有真正的机会 由于我正在等待某个特定值的状态更改,因此使用该值作为值=会导致选择不可选择,当将其用作defaultValue=时,会导致UI无法识别该值,除非对元素进行了更改,这意味着如果用户决定使用默认选择,则不会将其传递给我尝试传递给的API 是否有一种方法可以在安装组件和更改状态后,在dom就绪后动态更改选择框 看不到代码有点困难,但是您是否尝试过将值设置为React组件的状态并进行渲染?您还可以读取状态的值,而不是下拉列表的
值=
会导致选择不可选择,当将其用作defaultValue=
时,会导致UI无法识别该值,除非对元素进行了更改,这意味着如果用户决定使用默认选择,则不会将其传递给我尝试传递给的API
是否有一种方法可以在安装组件和更改状态后,在dom就绪后动态更改选择框 看不到代码有点困难,但是您是否尝试过将值设置为React组件的状态并进行渲染?您还可以读取状态的值,而不是下拉列表的值
getInitialState: function () {
return {
dropDownSelection: "some default value"
};
},
handleSelectionChanged: function (e) {
this.setState({
dropDownSelection: e.target.value
});
},
render: function () {
return (
//...
<select className="form-control" value={this.state.dropDownSelection} onChange={this.handleSelectionChanged}>
//...
</select>
);
}
getInitialState:函数(){
返回{
dropDownSelection:“一些默认值”
};
},
handleSelectionChanged:功能(e){
这是我的国家({
下拉选择:e.target.value
});
},
渲染:函数(){
返回(
//...
//...
);
}
您在等什么?您可以使用吗?您是否尝试过在value中使用默认值并添加onChange处理程序以允许选择它?我尝试过多种方法来管理它,每种方法似乎都有自己不想要的效果。我尝试了defaultVaule和value onChange的组合,包括同时尝试所有三个变量的变化,看看其中一个是否有效。至于我正在等待的是DOM上存在的元素,并且基于交互,或者到那时为止生成的数据,我可能正在等待API响应来填充字段,以用于手头的其他选择。那时我只知道我想要什么作为一个默认值有任何反馈@chris?