React Link to - provide absolute path

Question

I have below code

<Link className={classes.btnText}  key= {props.id} 
                to= {"https://s3.amazonaws.com/pdf/download.pdf" } target="_blank" download>Brochure <span> &darr; </span> </Link>

The issue is i'm not able to give the absolute path. It is getting updated as

localhost:3000/https://s3.amazonaws.com/pdf/download.pdf

Can i know how to give complete url

Answer 1

您可以使用<a>标签代替

<a href="https://s3.amazonaws.com/pdf/download.pdf" target="_blank" className={classes.btnText}>

Answer 2

That's how the {Link} works :)

Maybe use <a> tag instead ?

Answer 3

Yeah because Link builds all the routes from your home/root path which is localhost:3000 in local dev environment. So that's why its appending to that.

use hyperlink tag <a> instead