Redirect to a different website using React

Question

I am trying to redirect with the icons to a different social media websites but it goes back to my home page maybe the url or redirections are wrongly placed?

<div class='social-icons'>
            <Link
              class='social-icon-link facebook'
              href = 'https://www.facebook.com/Atlakamani2017/'
              target='_blank'
              aria-label='Facebook'
            >
              <i class='fab fa-facebook-f' />
            </Link>
            <Link
              class='social-icon-link instagram'
              href='https://www.instagram.com/atlakamanisurfingresort_/?hl=en'
              target='_blank'
              aria-label='Instagram'
            >
              <i class='fab fa-instagram' />
            </Link>
            <Link
              class='social-icon-link twitter'
              to='/'
              target='_blank'
              aria-label='Twitter'
            >
              <i class='fab fa-twitter' />
            </Link>
          </div>

Why not just use `` tag instead of `Link` it results in the same base HTML, but you get the ability of `href`. — Ameer, Jul 12 '21 at 00:54
Does this answer your question? [Redirect to third party url using react-router-dom](https://stackoverflow.com/questions/55103291/redirect-to-third-party-url-using-react-router-dom) — Emile Bergeron, Jul 12 '21 at 00:56

score 2 · Answer 1 · edited Jul 12 '21 at 01:32

2

To correct, I just needed to change the <link> tag for an <a> tag, and worked like a charm!

<a
  class='social-icon-link facebook'
  href='https://www.facebook.com/Atlakamani2017/'
  target='_blank'
  aria-label='Facebook'
>

Thanks Ameer

edited Jul 12 '21 at 01:32

Emile Bergeron

17,074
5
83
129

answered Jul 12 '21 at 01:01

Ron

91
8

Redirect to a different website using React

1 Answers1