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?