如何清空antd-design中时间选择组件 RangePicker的值？

Question

 <Form.Item label={fieldLabels.createTime}>
                                            <RangePicker
                                                ref="myTextInput"
                                                showTime={{format: 'HH:mm'}}
                                                format="YYYY-MM-DD HH:mm"
                                                placeholder={['开始日期', '结束日期']} style={{width: 210}}
                                                onChange={this.handlePickerChange}/>
</Form.Item>

Answer 1

使用getFieldDecorator将RangPicker包裹起来。
然后再使用setFieldsValue将其值设置为undefined

Answer 2

state绑定value，点击设置

state = {
    value: '',
};

// 点击清除
handleClick = () => {
    this.setState({ value: null });
}


// render:
<RangePicker value={this.state.value}/>

Answer 3

给RangePicker添加value属性，变成受控组件，清空的时候设置value为null

Answer 4

state = {

keyValue: '随便',

};

给他给个 key = {this.state.keyValue}
点击重置 this.setState({keyValue:new Date()}) 就能清空了 相当于重新渲染了一个 ，目的达到

Answer 5

这个怎么弄啊

Answer 6

请问是怎么清空的呢