使用TypeScript IState反应状态输入属性

时间:2019-07-09 14:01:21

标签: reactjs typescript

问题, 我有一个打字稿组件IState,这些接口按名称绑定 输入HTML。所以我现在的问题是,如何以一种简单的方式设置setState。

export interface IState {
    SheetNo: number,
    DataSetName: string,
    Table: string,
    Type: string,
    ParentDataSet: string,
    JoinField: string
}

class blah extends React.Component<{},IState>{

onValueChange = (event) => {
        const { name, value } = event.target;
        this.setState({
            [name]/*i am getting an error here*/: value
        });

render(){
         return(
            <input name="DataSetName" onChange={this.onValueChange} />
            <input name="SheetNo" onChange={this.onValueChange} />
            <input name="Type" onChange={this.onValueChange} />
         )
}

}

谢谢

乒乓球

0 个答案:

没有答案