antDesign踩坑＜input＞onChange事件 e.target为null

一.问题：使用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)
  }

结果