【react】This synthetic event is reused for performance reasons.

html代码

<form onSubmit={this.submit.bind(this)}>
    <input type="text" name="username" value={this.state.username} 
    onChange={this.change.bind(this)} />
    <input type="password" name="password" value={this.state.password} 
    onChange={this.change.bind(this)} />
    <button>提交</button>
</form>

js代码

change(ev) {
    console.log(ev);
}

错误截图

当我想访问ev.target的时候为null，且会报错

解决方案

change(ev) {
    ev.persist()
    console.log(ev);
}

解决效果

问题原因

出于性能原因，将重用此合成事件。如果您看到这一点，那么您正在访问已释放/取消的合成事件的属性“target”。设置为空。如果必须保留原始合成事件，请使用event.persist（）。
有关更多信息，请参考。