时间:2017-10-09 21:51:22

标签: reactjs react-router-v4

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

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

,有一个重定向到外部链接的元素列表。问题是,当您点击网址www.example.com时,它会转到http://localhost:7770/h/www.example.com并呈现404链接未找到

这是代码

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

网址为www.example.com或任何网络链接。

如何将网址转到www.example.com而不是http://localhost:7770/h/www.example.com

1 个答案:

答案 0 :(得分:2)

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

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