React 下拉框选择一个值后，怎么重置（使用的Ant Design）

Question

下拉框选择一个值后，怎么重置

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

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

<Select
    ref="xzSelect"
    defaultValue="请选择"
    onSelect={val => this.setState({code:val})}
>
    {this.state.codeList}
</Select>

Answer 1

<Select
    ref="xzSelect"
    placeholder="请选择"
    value={this.state.val}
    allowclear
    onChange={val => this.setState({code:val})}
>
    {this.state.codeList}
</Select>

Answer 2

两个思路

1.需要重置的时候加载一个新的Select，可以用key值强行刷新

2.做成受控组件，手动控制Select的value，结合onSelect更改选中的option

Answer 3

只需要将组件变为可控组件就可以了。
也就是楼上的方法，加入value和onChange