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