我在其中一个组件中使用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!')}
它根本没有开火!
检查控制台是否有错误,可能是其他原因造成的。
例如:https://codepen.io/mohamedhmansour/pen/pQxOLR
<TextField onChange= {(e, text) => this.setState({text})} />
<Label>{this.state.text}</Label>