reactjs - Všeobecné rozhranie, ktoré rozširuje iné rozhranie

Moje rozhranie komponentu

interface InputProps {
  value?:string,
  onChange?: (event: React.SyntheticEvent<HTMLInputElement>, data: string) => void;
}

Chcem napísať generický typ, ktorý bude obsahovať všetky vlastnosti z P a WrappedFieldProps

interface FormComponent<P> extends WrappedFieldProps  {
// props from P
// props from WrappedFieldProps
}

/*
// import { WrappedFieldProps } from 'redux-form'
interface WrappedFieldProps {
    input: WrappedFieldInputProps;
    meta: WrappedFieldMetaProps;
}
*/

a použiť ho vo všeobecnej funkcii shouldComponentUpdate

export function shouldFormFieldUpdate<P>(props: FormComponentProps<P>, nextProps: FormComponentProps<P>): boolean {
    const { input: { value }, meta: { valid, touched, error }, ...rest } = props;
    let result;
    // compare logic
    return result;
}

ale dostal som TS chybu pri premennej rest: typy rest môžu byť vytvorené len z typov objektu

Odpoveď č. 1

Pre toto môžete definovať priesečníkový typ

type  FormComponent<P> = P & WrappedFieldProps ;
export function shouldFormFieldUpdate<P>(props: FormComponent<P>, nextProps: FormComponent<P>): boolean {
    const { input: { value }, meta: { valid, touched, error } } = props;
    let result;
    // compare logic
    return result;
}

Obmedzenie vyššie uvedeného kódu je, že nemôžete použiť ...rest. Toto je súčasné obmedzenie