Как установить значения response-final-form в onSubmit для параметра типа TypeScript

Question

Как настроить изменение типа значения onSubmit в реакции-окончательной форме.

inteface IValues {
    name: string;
}
<Form onSubmit={(values: IValues) => {}}>   // Error happens here
//    Types of parameters 'values' and 'values' are incompatible.
//    Type '{}' is missing the following properties from type 'IFormValues': name

---

Это работает, но я не могу получить значение.имя

<Form onSubmit={(values: object) => {
    // Property 'name' does not exist on type 'object'
    values.name
}}>

---

Я могу привести к IValues ​​как ниже, чтобы извлечь имя.

<Form onSubmit={(values: object) => {
    const { name } = values as IValues;
}}>

onSubmit из Config, я пытался найти способ установить тип FormData, но не смог его найти. В любом случае я могу установить FormData в JSX? И есть ли другой вариант, который я могу сделать лучше?

Answer 1

набор значений поддержки реакции-окончательной формы начиная с версии 6.1.0 (https://github.com/final-form/react-final-form/releases/tag/v6.1.0)

Этого можно добиться, просто предоставив общий тип для Form компонента.

inteface IValues {
    name: string;
}

<Form<IValues> onSubmit={(values: IValues) => {}}>