如何在Antd表单中清除DatePicker值？

<Form.Item name="date" initialValue={null}>
  <DatePicker />
</Form.Item>

import { useRef } from 'react';

const MyForm = () => {
  const datePickerRef = useRef(null);

  const handleClear = () => {
    datePickerRef.current?.picker?.setValue(null);
  };

  return (
    <Form>
      <Form.Item name="date">
        <DatePicker ref={datePickerRef} />
      </Form.Item>

      <Button onClick={handleClear}>清除值</Button>
    </Form>
  );
};

import { Form, DatePicker, Button } from 'antd';

const MyForm = ({ form }) => {
  const handleClear = () => {
    form.resetFields(['date']); // 重置指定字段
  };

  return (
    <Form form={form}>
      <Form.Item name="date" initialValue={null}>
        <DatePicker />
      </Form.Item>

      <Button onClick={handleClear}>清除值</Button>
    </Form>
  );
};

export default Form.create()(MyForm);