title: Delay React onMouseOver event
body: <p>I have a list of elements, when hovering one of these, I'd like to change my state. </p>
  
  <pre><code>&lt;ListElement onMouseOver={() =&gt; this.setState({data})}&gt;Data&lt;/ListElement&gt;
  </code></pre>
  
  <p>Unfortunately, if I move my mouse over the list, my state changes several times in a quick succession. I'd like to delay the change on state, so that it waits like half a second before being fired. Is there a way to do so?</p>