Navigate to external link in react js

Question

trying to navigate the users to differrent websites upon registration

handleSubmit = () => {
code
if(registered){
Navigate to external link
}
    }

Im trying to use <Link to={{ pathname: 'res.data.storeRegistrationLink' }}/> but its not working.

Does this answer your question? [React-Router External link](https://stackoverflow.com/questions/42914666/react-router-external-link) — poPaTheGuru, Jul 05 '22 at 05:15
did you try this https://stackoverflow.com/questions/31079081/programmatically-navigate-using-react-router ? — Asela Priyadarshana, Jul 05 '22 at 05:24

score 2 · Accepted Answer · answered Jul 05 '22 at 07:36

Try this and let me know if you face any issues. Here you can use window.location.replace too while i write window.location because it allows the user to go back to the route that redirected them.

 handleSubmit = () => {   if(registered){  window.location.href = 'https://google.com';  }}

score 0 · Answer 2 · answered Jul 05 '22 at 05:19

0

Use this code:

window.location.href === `${res.data.storeRegistrationLink}`

answered Jul 05 '22 at 05:19

Moein Moeinnia

1,945
3
10
26

score 0 · Answer 3 · answered Jul 05 '22 at 05:25

0

if you're using react-router-dom you can easily redirect the user after the condition is true like the following:

handleSubmit = () => {
    code
    if(registered){
        <Redirect to="/somewhere/else" />
    }

}

answered Jul 05 '22 at 05:25

Ilia Talebzadeh

26
4

Wayne Celestin · Answer 4 · 2022-07-05T06:19:43.897

0

You could maybe use the link tag from react router dom in this way.

<Link to='/'></Link>

Just but your desired link in the to attribute.

edited Jul 05 '22 at 06:19

answered Jul 05 '22 at 06:18

Wayne Celestin

149
1
6

Mukesh Maurya · Answer 5 · 2022-07-05T07:54:11.837

0

You can use window object for this like below

 handleSubmit = () => {
    some code
    if(registered){
    window.open(res.data.storeRegistrationLink, "_blank")
    }
   }

edited Jul 05 '22 at 07:54

answered Jul 05 '22 at 06:59

Mukesh Maurya

340
4
16

Navigate to external link in react js

5 Answers5