javascript - Componente terțe în react-final-form cu typescript
Am un component care necesită câteva proprietăți
import { Input, ComponentProps } from 'ThirdPartyLib';
import * as React from 'react';
import { FieldRenderProps } from 'react-final-form';
type Props = FieldRenderProps<string, HTMLElement> & ComponentProps;
export const TextInput: React.FC<Props> = ({
input,
meta: { touched, error },
...rest
}: Props) => (
<Input invalid={touched && error} errorText={error} {...input} {...rest} />
);
ComponentProps este o interfață care are câteva proprietăți obligatorii, de exemplu id. Când încerc să folosesc componenta TextInput:
<TextInput />
Nu se compilează pentru că nu am transmis proprietățile necesare. Dar când o fac:
<Field
name={'email'}
component={TextInput}
/>
Se compilează fără probleme.
Există o modalitate de a forța Field să caute și ComponentProps?