Question

我想删除所选的选项并返回默认值。我该怎么办？我得到了Uncaught TypeError：无法读取属性＆＃39; value＆＃39;在handleSelectChange函数上为null

<div className="pull-right" >
   <Select className="card-select" value={this.state.setting} 
                        options=
                            {this.state.deviceList.map((item) => (
                            { value: item.setting, label: item.setting }
                            ))}  
                    onChange={this.handleSelectChange.bind(this, "setting")}
                    />
                    </div>

handleSelectChange函数

handleSelectChange(name, event) {
var nextState = {};
nextState[name] = event.value;
this.setState(nextState);}

Answer 1

从你的onChange你绑定handleSelcetChange与此（指向你的handleSelectChange对象）和“settings”（handleSelectCange的name参数），所以你传递字符串“settings”作为名称，你没有传递事件。

你的名字参数是字符串“settings”，而event的参数是null。因此事件为空，因此错误。

你的onChange函数应该如下

onChange={this.handleSelectChange.bind(this, NAME_PARAMETER, EVENT_PARAMETER)}

如何删除下拉列表中的选定选项

1 个答案: