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&nbsp; &nbsp; ref="xzSelect"&nbsp; &nbsp; placeholder="请选择"&nbsp; &nbsp; value={this.state.val}&nbsp; &nbsp; allowclear&nbsp; &nbsp; onChange={val => this.setState({code:val})}>&nbsp; &nbsp; {this.state.codeList}</Select>

Answer 2

两个思路1.需要重置的时候加载一个新的Select，可以用key值强行刷新2.做成受控组件，手动控制Select的value，结合onSelect更改选中的option

Answer 3

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