Как сбросить указатель даты antd после отправки значения?

Question

здесь я предоставляю мой пример работы с кодами и коробкой.Как сбросить значение указателя даты после отправки формы?

    state = {
        setFieldValue: ''
    }

    onChange = (setFieldValue) => {
        this.setState({ setFieldValue: null })
      }


    render() {
        const { values, handleSubmit } = this.props
        return (
            <div align="center">
                <Form onSubmit={handleSubmit}>

                             <Field
                                name="dateofbirth"
                                label="dateOfBirth"
                                component={DateInput}
                                formitemlayout={formItemLayout}
                                value={this.state.setFieldValue}
                                onChange={this.onChange}


                            />


                            <Button type="primary" 
          htmlType="submit">Submit</Button>
}

мои рабочие коды и ссылка на ящик введите описание ссылки здесь

Answer 1

Вместо добавления пустых строк при возникновении ошибки propType лучше всего использовать null

<DatePicker
  onChange={(date, dateString) =>
    setFieldValue("dateofbirth", dateString)
  }
  value={dateofbirth !== "" ? moment(dateofbirth) : null}
/>

Answer 2

Ваш Datepicker не является контролируемым компонентом.Я преобразовал его в контролируемый компонент, и поле даты было сброшено после отправки формы.

<DatePicker
  onChange={(date, dateString) =>
    setFieldValue("dateofbirth", dateString)
  }
  value={dateofbirth !== "" ? moment(dateofbirth) : ""}
/>

Codesandbox link