以'react event.persist 中的事件池在事件回调中使用异步函数 - Javascript

在React中，事件对象是由一个事件池来管理的。在事件处理函数被调用之后，事件对象会被重用，因此如果想要在回调函数中异步使用事件对象，需要使用event.persist()来防止事件对象被释放。

代码示例

import React from 'react';

function handleClick(e) {
  e.persist();
  setTimeout(() => {
    console.log(e.type);
  }, 1000);
}

function App() {
  return (
    <button onClick={handleClick}>Click me</button>
  );
}

在上面的代码中，我们在handleClick回调函数中调用了e.persist()，从而将事件对象从事件池中取出并保留，然后使用setTimeout来异步操作事件对象。

注意事项

在使用event.persist()时需要注意以下几点：

• event.persist()应该在事件处理函数的最开始调用，之后才能进行异步操作。
• 因为事件对象被重用，所以在异步操作事件对象时需要谨慎使用事件对象的属性，因为这些属性可能已经发生了变化。
• 在React的合成事件系统中，所有的回调都是在一个React事件队列中被调用的，因此你无法控制异步函数的调用顺序。