使用TypeScript对处于状态的任何对象反应通用的onChange事件处理程序

时间:2019-01-09 18:12:03

标签: reactjs typescript binding

我想知道,是否可以像下面的示例一样编写通用的onChange处理程序,而不仅是将可用性状态属性作为对象。

interface Aviability
{
    Arrival: Date;
    Departure: Date;
    Lenght: number;
    Beam: number;
    Draft: number;
    ShorePower?: number;
    PromoCode?: string;
}

然后在类构造函数中:

this.state =
{
     aviability : (null!)
}

处理程序:

handleChange = (input: string) => (e: React.ChangeEvent<HTMLInputElement>) =>
    {
        this.setState
        (
            oldState =>
            ({
                aviability: {[input]: e.target.value,
                ...oldState.aviability}
            })
        );
    }

0 个答案:

没有答案
相关问题