How to redirect on click to external url? React

Question

I am using react-router witch mean i am storing routes in app.tsx file.

I have cards components who need to redirect to external url on click.

So my question is how to redirect on click on card component using the external url example: www.test.com and give to that url two query strings a=xxx b=xxx.

Does this answer your question? [React-Router External link](https://stackoverflow.com/questions/42914666/react-router-external-link) — Mathieu Lescaudron, Apr 01 '21 at 13:11
Thank you, but i need to use query strings in my external url so here i cant find that. — Fresh, Apr 01 '21 at 13:19

score 2 · Accepted Answer · edited Apr 02 '21 at 20:31

2

You can redirect to an external URL with dynamic query strings with template literals:

const onClick = () => {
  location.href = `www.test.com/?a=${queryA}&b=${queryB}`
}

where queryA and queryB are your dynamic injected query strings

edited Apr 02 '21 at 20:31

DrewCouturier

38
5

answered Apr 01 '21 at 13:30

Al Duncanson

511
4
14

It work, thank you! – Fresh Apr 01 '21 at 13:34

score 1 · Answer 2 · answered Apr 01 '21 at 13:23

1

Is that what you need?

const onClick = () => {
    location.href = 'http://<location>/?a=1';
}

answered Apr 01 '21 at 13:23

Yoskutik

1,609
2
6
25

Oh wow this is very simple. Thank you. I was complicating things with – Fresh Apr 01 '21 at 13:28

How to redirect on click to external url? React

2 Answers2