form.resetFields() can's clear the Select 's value

Version

2.13.10

Environment

chrome nodev8.0

Reproduction link

https://codepen.io/pssgo/pen/OOorwq

Steps to reproduce

import React from 'react'
import { Form, Select, Button } from 'antd'

const Option = Select.Option
const FormItem = Form.Item

class Node extends React.Component {
  reset = () => {
    this.props.form.resetFields()
  }
  render() {
    const { form } = this.props
    return (
      <Form>
        <FormItem label="todo">
          {form.getFieldDecorator('todo', {
            valuePropName: 'selected',
          })(
            <Select allowClear>
              <Option value="a">1</Option>
              <Option value="b">2</Option>
            </Select>,
          )}
        </FormItem>
        <Button type="primary" onClick={this.reset}>
          reset
        </Button>
      </Form>
    )
  }
}

export default Form.create()(Node)

What is expected?

form.resetFields() can clear the Select 's value

What is actually happening?

form.resetFields() can’t clear the Select 's value

[anandwebs]

Use this - this.props.form.resetFields()

[mikeaustin]

I’ve been using key={Math.random()} to force reset. Not the best, but it works.