Check out example codes for "how to add a rollover image in html". It will help you in understanding the concepts better.

Code Example 1

Tryit<!DOCTYPE html>
<html>
   <head>
        <title> Wikitechy Rollover Image Effect in Html</title>
         
   </head>
    <body>
        <h2>Rollover Image Effect in Html</h2>
        <img src="image1.png" onmouseover="this.src='image2.png'" onmouseout="this.src='image1.png'" />
    </body>
</html>

Learn ReactJs, React Native from akashmittal.com