如何在typescript中使用FieldArrays？

npm install react-hook-form

import { useForm, useFieldArray, FieldArray } from 'react-hook-form';
import { Form } from 'react-bootstrap';

type FormData = {
  items: {
    name: string;
    quantity: number;
  }[];
};

const MyForm = () => {
  const { control, handleSubmit } = useForm<FormData>();
  const { fields, append, remove } = useFieldArray({
    control,
    name: 'items',
  });

  const onSubmit = (data: FormData) => {
    console.log(data);
  };

  return (
    <Form onSubmit={handleSubmit(onSubmit)}>
      {fields.map((field, index) => (
        <div key={field.id}>
          <Form.Control
            name={`items[${index}].name`}
            defaultValue={field.name}
            ref={control.register()}
          />
          <Form.Control
            name={`items[${index}].quantity`}
            defaultValue={field.quantity}
            ref={control.register()}
          />
          <button type="button" onClick={() => remove(index)}>
            Remove
          </button>
        </div>
      ))}
      <button type="button" onClick={() => append({ name: '', quantity: 0 })}>
        Add Item
      </button>
      <button type="submit">Submit</button>
    </Form>
  );
};

const App = () => {
  return <MyForm />;
};

export default App;