React - How to redirect to url website with attirbut to

Question

I wouldlike to redirect in another page when I click on one button of my menu :

<HeaderLink to="http://google.com" activeClassName="active-page">
          <NavText
              variant="h6"
              noWrap
              component="div"
          >
            Redirect
          </NavText>
        </HeaderLink>
        

const HeaderLink = styled(NavLink)(({ theme }) => ({
  display: 'flex',
  position: 'relative',
  justifyContent: 'center',
  alignItems: 'center',
...

but get an error. I can't redirect to google.

Could you look at this Q/A : https://stackoverflow.com/questions/46176506/using-navlink-with-external-url — Lahcen, Nov 06 '21 at 22:04
Is there any reason to use a NavLink for this? This isn't directing to a route, it's navigating the window to a new location. Why not use a regular `` element, with whatever styles you want? — Stephen Jennings, Nov 06 '21 at 22:12

score 0 · Answer 1 · answered Nov 06 '21 at 22:08

0

You can try like this

<HeaderLink
  to={{ pathname: "https://google.com" }}
  activeClassName="active-page"
>
  <NavText variant="h6" noWrap component="div">
    Redirect
  </NavText>
</HeaderLink>;

answered Nov 06 '21 at 22:08

Lahcen

1,231
11
15

I don't to use balise but when I try your code it redirect me to this : http://0.0.0.0:8181/https://google.com instead of just this : https://google.com – solidityDev Nov 06 '21 at 22:25

React - How to redirect to url website with attirbut to

1 Answers1