一.问题:使用antDesign的<input>组件onchange事件想要获取输入的值,发现conosle.log(e)中target值为null,但是e.target.value却可以获取到输入的值
代码:
<Input
value=''
placeholder="搜索姓名"
onChange={this.handleCurPrinciple}
/>
handleCurPrinciple=(e)=>{
console.log("e",e)
console.log("e.target", e.target)
}
結果 :e
e.target
其中e打印出的target值为null
二.原因分析:
打印event对象,event.target的值为null ,是react的事件机制导致的相关问题,需要使用event.persist() 异步获取。
三.解决方法:
在获取target之前调用event.persist()
handleCurPrinciple=(e)=>{
e.persist()
console.log("e",e)
console.log("e.target",e.target)
}
结果