title: click an image for outside url react.js
body: <p>I am working on a portfolio and I'm using react.js. I simply want to click an image, for example, a StackOverflow icon, and be able to redirect to the page. I'm seeing all sorts of different ways to go about, yet I cannot get it to redirect.</p>
  <p><a href="https://i.stack.imgur.com/rFDbw.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/rFDbw.jpg" alt="Click to see the image of icons" /></a></p>
  <p>I am using React-Bootstrap which I don't know if that is going to change anything.</p>
  <pre><code>export default class Home extends Component {
  render() {
      return (
          &lt;Grid&gt;
              &lt;Jumbotron className=&quot;brainImg&quot;&gt;
              &lt;/Jumbotron&gt;
              &lt;div class=&quot;footer&quot;&gt;&lt;center className=&quot;iconsBaby&quot;&gt;
                  &lt;Image src=&quot;giticon.png&quot; className=&quot;githubIcon&quot; to=&quot;https://github.com/Joeyryanbridges&quot; /&gt;
                  &lt;Image src=&quot;linkedinIcon.png&quot; className=&quot;linkedinIcon&quot; href=&quot;https://github.com/Joeyryanbridges&quot; /&gt;
                  &lt;Image src=&quot;SOFIcon.png&quot; className=&quot;githubIcon&quot; href=&quot;https://github.com/Joeyryanbridges&quot; /&gt;
              &lt;/center&gt;
              &lt;/div&gt;
          &lt;/Grid&gt;
      )
  }
  </code></pre>
  <p>Thank you for looking.</p>