Ich möchte eine Eigenschaft definieren, die eine Komponente mit ausgelassenen Eigenschaften sein muss.

Ich habe eine Validierungskomponente mit einigen Eigenschaften:

interface ValidationProps {
    value: string,
    check: Array<(value) => boolean>
}

const Validation: FC<ValidationProps> = function(){}
export default Validation;

Ich habe eine Eingabekomponente.

interface InputProps {
    value: string,
    onChange: (e: SyntaticEvent) => void,
    validations: ???
}

const Input: FC<InputProps> = function(props){
    return <span>
        <input value={props.value} onChange={props.onChange} />
        {React.cloneElement(props.validations, {value})}
    </span>
}
export default Input;

Also möchte ich definieren, dass InputProps.validations eine Validierung sein muss, aber die Wertstütze weglassen.

sollte wie folgt verwendet werden:

<Input value="value" onChange={...} validations={<Validation check={[(value) => value != null, (value) => value.length <= 5]} />} />