react 提示event.persist()

Question

代码如下:

<Input.Search

    onKeyUp={e=>setTimeout(()=>{

        this.filterContent(e.target.value)

    },200)}

/>

filterContent=(kewword)=>{

    this.setState({'filter':keyword})

}

因为不想频繁触发,所以加了200毫秒延时,控制台提示use event.persist();请问怎么处理?

Answer 1

SyntheticEvent 对象会被放入池中统一管理。这意味着 SyntheticEvent 对象可以被复用，当所有事件处理函数被调用之后，其所有属性都会被置空。如果你需要在事件处理函数运行之后获取事件对象的属性，你需要调用 e.persist()

Answer 2

onKeyUp={e => {&nbsp; &nbsp; e.persist()&nbsp; &nbsp; setTimeout(() => {&nbsp; &nbsp; &nbsp; &nbsp; this.filterContent(e.target.value)&nbsp; &nbsp; }, 200)}}