GenericInput.tsx

GenericInput.tsx

import React from 'react';

export function GenericInput<T>(props: { value: T, dataToString: (value: T) => string, dataFromString: (input: string) => T, onChange: (value: T) => void }) {
    const isNumberField = typeof (props.value) === "number";
    return (<input
        value={props.dataToString(props.value)}
        onChange={e => props.onChange(props.dataFromString(e.target.value))}
        type={isNumberField ? "number" : "text"}
    />);
}