Question

我有一个下拉列表，我希望在数据可用时预先选择。然而似乎没有真正的机会吗？

由于我正在等待使用该值更改特定值的状态，因为value=导致选择无法选择，而将其用作defaultValue=会导致UI无法识别值，除非对元素进行了更改，这意味着如果用户决定使用默认选项，则不会将其传递给我尝试将其传递给API的API。

在安装组件和更改状态后dom准备就绪后，有没有办法动态更改选择框？

Answer 1

如果没有看到代码，有点困难，但您是否尝试将值设置为React组件的状态并进行渲染？您还可以阅读状态值而不是DropDown。

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>
    );
}

更改选择（下拉）选择反应组件内的状态更改

1 个答案: