類型“HTMLInputElement”上不存在屬性“目標”。 TypeScript 反應。 TS2339

Question

每當更改輸入元素時都會調用handleChange() function，但似乎無法訪問event.target.value 。

錯誤信息

Property 'target' does not exist on type 'HTMLInputElement'.  TS2339

處理變化（）

handleChange = (event:HTMLInputElement) => {
    console.log(event);
    const { name, value } = event.target;
    this.setState({[name]: value});
};

輸入元素

<input name='email' type='email' value={this.state.email} onChange={this.handleChange} required />

Answer 1

您在event上有錯誤的類型。 它不是HTMLInputElement ，而是一個事件。 對於更改，它是React.ChangeEvent<T>其中T是您正在使用它的元素類型（在您的情況下為HTMLInputElement ），因此：

handleChange = (event: React.ChangeEvent<HTMLInputElement>) {
    // ...