react再次点击antd的Modal弹出框，里面的input值不更改

1. 运用场景:
   表格的每行有修改按钮，点击修改按钮触发弹出框，显示当前行的数据，然后进行修改
2. 问题：
   第一次点击的时候没有问题，但是第二次点击其他的时候，出现的还是上次的值
3. 解决方案：
   每次点击model弹出框的关闭时，把model里面的子dom销毁就好了
4. 方法：
   model里面要有个方法：destroyOnClose={true}

<Modal
  title="修改"
  visible={showStatus === 1}
  onOk={this.modifyHandleOk}
  destroyOnClose={true}  //这里
  onCancel={() => {
    // this.form.current.resetFields()
    this.setState({ showStatus: 0 });
  }}
>
  <ModifyForm
    modifyValue={this.modifyValue}
    resetModify={(form) => {
      this.form = form;
    }}
  />
</Modal>

model里面input显示默认值
当是受控组件时用：initialValues

  <Form initialValues={{ Modify: modifyValue }} ref={this.formRef}>
    <Form.Item name="Modify">
      <Input placeholder="Basic usage" />
        </Form.Item>
  </Form>

不是受控组件时用：defaultValue

  <Form ref={this.formRef}>
    <Form.Item name="Modify">
      <Input placeholder="Basic usage" defaultValue=‘xxx’/>
        </Form.Item>
  </Form>