如何导航到外部 URL？

Question

我正在 React 中创建一个简单的应用程序，使用 React Router v4，具有这种结构

-Wrapper
 -Home /
 -Homepage /h
    --GalleryContainer  /h/gallery
       ---Gallery  /h/gallery
       ---Item    /h/gallery/:itemId
    --About /h/about
    --Links /h/links

在链接中，有一个重定向到外部 link 的元素列表。问题是，当您单击 url www.example.com 时，它会转到 http://localhost:7770/h/www.example.com 并呈现 404 link not found

这是代码

<div className="links">
        <ul>
          {link.links.map((url,i)=>
            <li key={i}><a href={url}>{url}</a></li>)}
        </ul>
      </div>

其中 url 是 www.example.com 或任何网络link。

如何让 url 进入 www.example.com 而不是 http://localhost:7770/h/www.example.com？

Answer 1

您应该将 http:// 添加到 url 的开头。所以你的代码应该是

<li key={i}><a href={"http://"+url}>{url}</a></li>

如何导航到外部 URL？

How to navigate to an external URL?

reactjs

react-router-v4