Javascript 反应选择警告隐藏到非受控状态

我正在代码中使用react select：

import React，{Component}来自'React'；
从“反应选择”导入选择，{createFilter}；
let=require（'下划线'）
类测试扩展了组件{
建造师（道具）{
超级（道具）；
此.state={
变量_api:[]，
所选问题对象：空
};
this.handleChange\u question=this.handleChange\u question.bind（this）
}
componentDidMount（）{
取（'http://127.0.0.1:5000/variables')
。然后（res=>{
返回res.json（）}）
。然后（数据=>{
这是我的国家({
变量api：数据
});
})
}
处理变更问题（evt）{
这是我的国家({
所选问题对象：evt
});
}
渲染（）{
var key\u api=this.state.variables\u api.map（obj=>{
返回{
key_api:obj['index']，
问题(api):，
};
})
var key=u.groupBy（key_api，'question_api'）；
var question_uni=Object.keys（key）；
var选择器_q_选项=[]
对于（var i=0；i请尝试使用空字符串。不幸的是，对输入值使用null或undefined会导致该错误。类似的操作可能会起作用：

<Select
    name='question_selector'
    value={this.state.selected_question_obj || ""}
    onChange={this.handleChange_question.bind(this)}
    options={selector_q_options}
    filterOption={createFilter({ignoreAccents: false})}
    placeholder='Select question:'/>

尝试空字符串。不幸的是，对输入值使用null或undefined会导致该错误。类似的操作可能会起作用：

<Select
    name='question_selector'
    value={this.state.selected_question_obj || ""}
    onChange={this.handleChange_question.bind(this)}
    options={selector_q_options}
    filterOption={createFilter({ignoreAccents: false})}
    placeholder='Select question:'/>

您出现该错误的原因似乎是因为传递到
的选项不是正确的接口。它看起来像
react select
调用以从每个选项获取值，并且返回
未定义的

尝试将选项键的
“key”
更改为
“value”
：

for（var i=0；i您出现该错误的原因似乎是因为您传递到
的选项不是正确的接口。它看起来像
react select
调用以从每个选项获取值，并且返回
未定义的

尝试将选项键的
“key”
更改为
“value”
：

（变量i=0；i）的