Reactで外部リンクを開くためのボタンクリックの方法


<a href="https://example.com" target="_blank">
  <button>外部リンクを開く</button>
</a>
  1. window.open()を使用する方法: window.open()メソッドを使用すると、ボタンクリック時に新しいウィンドウまたはタブで外部リンクを開くことができます。
<button onClick={() => window.open("https://example.com")}>
  外部リンクを開く
</button>
  1. React Routerを使用する方法: React Routerを使用すると、内部のルーティングを使用して外部リンクを開くことができます。以下はその例です。
import { Link } from 'react-router-dom';
<Link to="https://example.com" target="_blank">
  <button>外部リンクを開く</button>
</Link>

これらはReactで外部リンクを開くためのいくつかの一般的な方法です。必要に応じて、コードを適宜カスタマイズして使用してください。