🥇 Valor do campo de entrada React + Typescript

O problema com as tipificações React do Typescript é que o SyntheticEvent gerado não sabe que
o nó DOM de origem é um nó de entrada. Portanto, é tão fácil quanto:

private _onChange = (e: React.KeyboardEvent) => {
    const name = this.props.data.Name;
    const value = (e.target as HTMLInputElement).value;
    this.props.onChange(name, value);
}

public render(): JSX.Element {
    return (
        <input
            type="text"
            value={this.props.data.Value}
            onChange={this._onChange}/>
    );
}

Related Posts