属性“名称”在HTMLInputElement类型上不存在？

由一夜七次郎发布于 2020-05-18 14:38:13

const handleOnChange = (e: React.SyntheticEvent<HTMLInputElement>): void => {
    console.log(e.name);
  }

<input name="aa" onChange={handleOnChange} />

Why HTMLInputElement doesn't have name attribute in react?

FBI

2020-05-18 14:38:13

The correct type for the change event object is: ChangeEvent<HTMLInputElement>.

Although the e.name isn't exists, the correct way to get the element's name attribute is e.target.name where the target object in the event is be the input element itself, and you need the name attribute from that.

So your handleOnChange method would look like:

const handleOnChange = (e: ChangeEvent<HTMLInputElement>): void => {
    console.log(e.target.name);
}

要么：

const handleOnChange: ChangeEventHandler<HTMLInputElement> = (e) => {
    console.log(e.target.name);
}

In this case you define the type for the handleOnChange variable, and you assign the arrow function to that, so TypeScript will infer the type for e accordingly.

一夜七次郎

这家伙很懒，什么都没留下

积分
0
话题
0
评论
3230
注册排名
2675