在react-final-form中清除输入Clear字段的值

import React from 'react';
import { Form, Field } from 'react-final-form';

const MyForm = () => {
  const handleSubmit = (values) => {
    // 处理表单提交
  };

  const handleClear = (form) => {
    form.clearFields(['fieldName1', 'fieldName2']);
  };

  return (
    <Form
      onSubmit={handleSubmit}
      render={({ handleSubmit, form }) => (
        <form onSubmit={handleSubmit}>
          <div>
            <label>Field 1</label>
            <Field name="fieldName1" component="input" type="text" />
          </div>
          <div>
            <label>Field 2</label>
            <Field name="fieldName2" component="input" type="text" />
          </div>
          <button type="submit">Submit</button>
          <button type="button" onClick={() => handleClear(form)}>Clear</button>
        </form>
      )}
    />
  );
};

export default MyForm;