React Link无法正确重定向

时间:2018-06-29 14:05:43

标签: reactjs react-router react-router-dom

我在反应中使用Link来重定向到外部链接,如下所示:

<div className="btn-footer-padd">
    <Link className="career-btn sourceSansPro-sanSerif"
        target="_blank" 
        to="https://google.com"
    >Careers</Link>
</div>

现在,当我尝试它时,它会像这样重定向:

http://myweburl/http://https://google.com

我要重定向到此:

http://https://google.com

有什么主意吗?

2 个答案:

答案 0 :(得分:7)

您应仅将<Link>与路由器一起使用,以允许用户在您的应用中导航。 如果您要将用户重定向到外部网址,请使用<a>标签

答案 1 :(得分:3)

如果要离开您的App,则应使用常规的<a> React元素。 如果您希望将用户重定向到您应用内的其他路由,则可以使用“ react-router-dom”中的<Redirect to="" />组件。