react final form条件表单字段在呈现时未获取值

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

const MyForm = () => {
  const [showConditionalField, setShowConditionalField] = useState(false);

  const onSubmit = (values) => {
    console.log(values);
  };

  return (
    <Form
      onSubmit={onSubmit}
      initialValues={{ conditionalField: '' }}
    >
      {({ handleSubmit }) => (
        <form onSubmit={handleSubmit}>
          <Field name="nonConditionalField">
            {({ input }) => <input {...input} placeholder="Non-conditional field" />}
          </Field>
          <button type="button" onClick={() => setShowConditionalField(!showConditionalField)}>
            Toggle Conditional Field
          </button>
          {showConditionalField && (
            <Field name="conditionalField">
              {({ input }) => <input {...input} placeholder="Conditional field" />}
            </Field>
          )}
          <button type="submit">Submit</button>
        </form>
      )}
    </Form>
  );
};

export default MyForm;