title: How to make React animation on Hover?
body: <p>I need to move menu item underline like in this <a href="https://codepen.io/vkjgr/pen/WvdaRb" rel="nofollow noreferrer">example</a>.</p>
  
  <p>With jQuery I would do it simply getting left position and width of a menu item. And then perform <code>stop.animation</code> on hover.</p>
  
  <p>I'm trying to do such animation with <code>React</code>. But I can't figure out how to. After google research I found the popular react-motion library for animation. But I can't find the way how to trigger animation on hover. </p>
  
  <p>My task is move blue underline on <code>div</code> hover. Please help me to find the solution.<a href="https://i.stack.imgur.com/4heeR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4heeR.png" alt="enter image description here"></a></p>