Сторонние компоненты в реакции-окончательной форме с машинописным - PullRequest
2 голосов
/ 16 января 2020

У меня есть компоненты, которым требуются некоторые свойства

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 - это интерфейс, который имеет некоторые обязательные реквизиты ex id. Когда я пытаюсь использовать TextInput компонент:

<TextInput />

Он не компилируется, потому что я не пропустил требуемый реквизит. Но когда я делаю:

<Field
    name={'email'}
    component={TextInput}
/>

Он компилируется без проблем.

Это способ заставить Поле также искать ComponentProps ?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...