title: External Link with React
body: <p>I'm totally new with React and I'm facing off a problem with an external Link. I would like to use it for a redirection to GitHub every time I click on the icon but actually the new window is not showing up instead I have this URL :
  http://localhost:3000/https://github.com. I don't why it is not working because with my footer i have almost the same code and it is working well. If you have solutions for that it will be much appreciated ! Thank you very much</p>
  <p>Carditem.js</p>
  <pre><code>import React from 'react';
  import { Link } from 'react-router-dom';
  function CardItem(props) {
    return (
      &lt;&gt;
        &lt;li className='cards__item'&gt;
          &lt;Link className='cards__item__link' &gt;
            &lt;figure className='cards__item__pic-wrap' data-category={props.label}&gt;
           
              &lt;img
                className='cards__item__img'
                alt='Travel '
                src={props.src}
              /&gt;
             
            &lt;/figure&gt;
            &lt;div className='cards__item__info'&gt;
              &lt;h5 className='cards__item__text'&gt;{props.text}&lt;/h5&gt;
              &lt;Link 
              class='social-icon-card-github'
              to={{ pathname: &quot;https://github.com&quot; }}
              &lt;i class='fab fa-github' /&gt; 
              &lt;/Link&gt;
            
            &lt;/div&gt;
            
          &lt;/Link&gt;
        &lt;/li&gt;
      &lt;/&gt;
    );
  }
  export default CardItem;
  </code></pre>
  <p>Footer.js</p>
  <pre><code>import React from 'react';
  import './Footer.css';
  import { Link } from 'react-router-dom';
  
  function Footer() {
    return (
      &lt;div className='footer-container'&gt;
        
        &lt;section class='social-media'&gt;
          &lt;div class='social-media-wrap'&gt;
            
            &lt;small class='website-rights'&gt;© 2020&lt;/small&gt;
            &lt;div class='social-icons'&gt;
  
              &lt;Link
                class='social-icon-link github'
                to={{ pathname: &quot;https://github.com&quot; }}
                target='_blank'
                aria-label='Github'
              &gt;
                &lt;i class='fab fa-github' /&gt;
              &lt;/Link&gt;
              &lt;Link
                class='social-icon-link codepen'
                to={{ pathname: &quot;https://codepen.io&quot; }}
                target='_blank'
                aria-label='Codepen'
              &gt;
                &lt;i class='fab fa-codepen' /&gt;
              &lt;/Link&gt;
              &lt;Link
                class='social-icon-link Linkedin'
                to={{ pathname: &quot;https://www.linkedin.com&quot; }}
                target='_blank'
                aria-label='LinkedIn'
              &gt;
                &lt;i class='fab fa-linkedin' /&gt;
              &lt;/Link&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/section&gt;
      &lt;/div&gt;
    );
  }
  
  export default Footer;
  
  </code></pre>