如何在final-form和Material UI (v1)中做嵌套对象？

const formData = {
  nestedObject: {
    field1: '',
    field2: '',
    // 其他字段...
  },
  // 其他字段...
};

import { Form } from 'react-final-form';

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

  return (
    <Form
      initialValues={formData}
      onSubmit={onSubmit}
      render={({ handleSubmit }) => (
        <form onSubmit={handleSubmit}>
          {/* 表单字段 */}
        </form>
      )}
    />
  );
};

import { Field } from 'react-final-form';

const MyForm = () => {
  // ...

  return (
    <Form
      // ...
    >
      <form onSubmit={handleSubmit}>
        <Field name="nestedObject.field1">
          {({ input }) => (
            <TextField
              {...input}
              label="Field 1"
              // 其他TextField属性...
            />
          )}
        </Field>
        <Field name="nestedObject.field2">
          {({ input }) => (
            <TextField
              {...input}
              label="Field 2"
              // 其他TextField属性...
            />
          )}
        </Field>
        {/* 其他字段... */}
      </form>
    </Form>
  );
};