{"componentChunkName":"component---src-templates-docs-js","path":"/docs/legacy-event-pooling.html","result":{"data":{"markdownRemark":{"html":"
\n

Nota

\n

Esta página é relevante apenas para React 16 e anteriores, e para React Native.

\n

React 17 na web não usa pool de eventos.

\n

Mais informações sobre esta mudança no React 17.

\n
\n

Os objetos SyntheticEvent são agrupados. Isso será reutilizado e todas as propriedades serão anuladas após a chamada do manipulador de eventos. Por exemplo, isso não funcionará:

\n
function handleChange(e) {\n  // Isso não funcionará porque o objeto de evento é reutilizado.\n  setTimeout(() => {\n    console.log(e.target.value); // Muito tarde!\n  }, 100);\n}
\n

Se você precisar acessar as propriedades do objeto de evento após a execução do manipulador de eventos, você precisa chamar e.persist():

\n
function handleChange(e) {\n  // Evita que o React redefina suas propriedades:\n  e.persist();\n\n  setTimeout(() => {\n    console.log(e.target.value); // Works\n  }, 100);\n}
","frontmatter":{"title":"Pooling de Eventos","next":null,"prev":null},"fields":{"path":"content/docs/legacy-event-pooling.md","slug":"docs/legacy-event-pooling.html"}}},"pageContext":{"slug":"docs/legacy-event-pooling.html"}},"staticQueryHashes":[]}