como limpar e selecionar itens programaticamente - reactjs, antd

Estou a usar https://ant.design/components/select/

Como remover programaticamente os itens selecionados do <Select>?
Nota: a <Option> não é um valor de sequência, mas um Nó.

Respostas:

Atribuir o valor de Selecionar ao estado deve funcionar. Tente algo como isto:

class Banana extends React.Component {
constructor() {
super();
this.state = {};

this.handleChange = this.handleChange.bind(this);
this.clearSelected = this.clearSelected.bind(this);
}

handleChange(value) {
this.setState({ selected: value });
}

clearSelected() {
this.setState({ selected: null });
}

render() {
return (
<div>
<Select value={this.state.selected} style={{ width: 120 }} onChange={this.handleChange}>
<Option value="jack">Jack</Option>
<Option value="lucy">Lucy</Option>
<Option value="disabled" disabled>Disabled</Option>
<Option value="Yiminghe">yiminghe</Option>
</Select>
<Button onClick={this.clearSelected}>clear selected</Button>
</div>
);
}
}

https://codepen.io/anon/pen/NwYdEx?editors=0010