时间戳

首页 > 解决方案 > 链接到我的 React 应用程序中的外部 URL

html - 链接到我的 React 应用程序中的外部 URL

问题描述

总的来说，我对 React 和 Web 开发还是很陌生。我正在建立我的个人作品集网站，并想在 React 中做，这样我就可以得到更多的练习。我想为我的 GitHub 和 LinkedIn 添加一个链接，我所做的所有研究都告诉我要使用<a>标签，但不是去我的 LinkedIn 或 GitHub，它只是添加到 URL 其余部分的链接我的投资组合网站。

import React from 'react'

export default () => {
  return (
    <div className='foot'>
      <p>website created by Thomas Gutierrez</p>

      <p><a href="www.linkedin.com/in/tg308">linkdin</a> : 
         <a href="www.github.com/tomg308">github</a></p>
    </div>
  )
}

有人可以解释我做错了什么吗？

标签： htmlreactjs

解决方案

您需要将 HTTP(s) 协议添加到您的 URL。

href="https://www.linkedin.com/in/tg308"

这告诉浏览器重定向到整个其他页面，因为它是一个绝对 URL，因为它指定了方案（在本例中为 HTTPS）。

推荐阅读