Gatsbyで外部リンク作成

GatsbyのLinkコンポーネントを使用して外部リンクを貼るサンプルコードです。この例では、href属性に外部リンクを指定しています。

import React from "react"
import { Link } from "gatsby"

const MyComponent = () => (
  <div>
    <Link to="/">ホームページに戻る</Link>
    <Link href="https://www.example.com/">外部リンク</Link>
  </div>
)

export default MyComponent

この例では、ホームページに戻るためにto属性を使用し、外部リンクにはhref属性を使用しています。to属性はGatsbyのページ間のナビゲーションに使用され、href属性はHTMLの外部リンクを表します。