鍍金池/ 問答/HTML/ React 下拉框選擇一個值后，怎么重置（使用的Ant Design）

React 下拉框選擇一個值后，怎么重置（使用的Ant Design）

下拉框選擇一個值后，怎么重置

this.state({
    code: '',
    codeList: '',
})

componentWillMount(){
   init(); //初始化下拉框
}

<Select
    ref="xzSelect"
    defaultValue="請選擇"
    onSelect={val => this.setState({code:val})}
>
    {this.state.codeList}
</Select>
回答
編輯回答
背叛者

兩個思路

1.需要重置的時候加載一個新的Select，可以用key值強行刷新

2.做成受控組件，手動控制Select的value，結(jié)合onSelect更改選中的option

2018年8月17日 03:01
編輯回答
笑浮塵

只需要將組件變?yōu)榭煽亟M件就可以了。
也就是樓上的方法，加入value和onChange

2017年11月12日 23:20
編輯回答
話寡
<Select
    ref="xzSelect"
    placeholder="請選擇"
    value={this.state.val}
    allowclear
    onChange={val => this.setState({code:val})}
>
    {this.state.codeList}
</Select>
2017年4月2日 06:28