Error: If you must keep the original synthetic event around, use event.persist()

Asked Feb 15 '18 at 12:42

Active Feb 15 '18 at 14:16

Viewed 222 times

I would like to access screenX for onMouseOver event.

This is the current code:

<h1 ref={textInput => { this.state.textInput = textInput; }} 
    onMouseMove={this.increaseValue}>Some text here</h1>

Increase value is defined like sp:

increaseValue = (e) => {
    console.log(e.screenX,);
}

However I get this error and not sure what it means:

This synthetic event is reused for performance reasons. If you're seeing this, you're accessing the property screenX on a released/nullified synthetic event. This is set to null. If you must keep the original synthetic event around, use event.persist(). See https://reactjs.org/docs/events.html#event-pooling for more information.

edited Feb 15 '18 at 14:16

Alexander Schmidt

5,631
4
39
79

asked Feb 15 '18 at 12:42

CoderBC

1,262
2
13
30

There is a link attached there which explains what it is. – Agney Feb 15 '18 at 12:44
1

Check this https://stackoverflow.com/questions/48075356/why-setstate-with-callback-does-not-work-properly/48075517#48075517 for a use case scenario – Shubham Khatri Feb 15 '18 at 13:22
@ShubhamKhatri Thanks, it was exactly the explanation I wanted. – CoderBC Feb 24 '18 at 07:34
@CoderBC, Glad to have helped. I am closing this question as a duplicate then – Shubham Khatri Feb 24 '18 at 07:36

Error: If you must keep the original synthetic event around, use event.persist()

0 Answers0