IndifferentDisdain · October 30, 2017 17:23 · IndifferentDisdain · Oct 30, 2017
diff --git a/gistfile1.txt b/gistfile1.txt
 import * as React from 'react';

 interface InputGroupProps {
    disabled?: boolean;
    label: string;
    onChange(propName: string, newValue: number | string): any;
    propName: string;
    type?: string;
    value: number | string;
 }

 export default class InputGroupComponent extends React.Component<InputGroupProps, null> {
    static defaultProps = {
        disabled: false,
        type: 'text'
    };

    handleFieldChange = (e: any) => {
        this.props.onChange(this.props.propName, e.currentTarget.value);
    }

    render() {
        const {
            disabled,
            label,
            propName,
            type,
            value
        } = this.props;

        return (
            <div className="form-group">
                <label htmlFor={propName}>{label}</label>
                <input 
                    className="form-control"
                    type={type}
                    id={propName}
                    name={propName}
                    value={value || ''}
                    disabled={disabled}
                    onChange={this.handleFieldChange}
                />
            </div>
        );
    }
 }
	import * as React from 'react';

	interface InputGroupProps {
	disabled?: boolean;
	label: string;
	onChange(propName: string, newValue: number \| string): any;
	propName: string;
	type?: string;
	value: number \| string;
	}

	export default class InputGroupComponent extends React.Component<InputGroupProps, null> {
	static defaultProps = {
	disabled: false,
	type: 'text'
	};

	handleFieldChange = (e: any) => {
	this.props.onChange(this.props.propName, e.currentTarget.value);
	}

	render() {
	const {
	disabled,
	label,
	propName,
	type,
	value
	} = this.props;

	return (
	<div className="form-group">
	<label htmlFor={propName}>{label}</label>
	<input
	className="form-control"
	type={type}
	id={propName}
	name={propName}
	value={value \|\| ''}
	disabled={disabled}
	onChange={this.handleFieldChange}
	/>
	</div>
	);
	}
	}