Question

我正在其中一个组件中使用TextField，但是所有事件都可以正常工作，除了onChange。

<TextField onChange={this._onSectionChange} />
private _onSectionChange= (event: React.FormEvent<HTMLInputElement | 
HTMLTextAreaElement>): void => {
   alert(event.currentTarget.value);
}

在文档中，它提到onChange事件的接口是：

(event: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>, 
 newValue?: string) => void

但是在我的代码中，它仅接受：

onChange?: (event: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>) => void

我将方法绑定到构造函数中，也尝试过：

onChange={()=>alert('something!')}

根本没有开火！

Answer 1

检查控制台是否有错误，可能是其他原因导致的。

例如：https://codepen.io/mohamedhmansour/pen/pQxOLR

<TextField onChange= {(e, text) => this.setState({text})} />
<Label>{this.state.text}</Label>

未触发TextField onChange

1 个答案: