前提・実現したいこと
nextjsの関数内で新しいタブでリンクを開かせたい
発生している問題
以下に似た形で新しいタブで開かせたいです。
同じタブでリンクを開くことはできています。
注意:色々処理終わらせたあとでリンクに飛ばしたいため、Link(<a>)は使えないと考えています。
該当のソースコード
index.js(nextjs)
1import { useRouter } from 'next/router' 2 3export default function Page() { 4 const router = useRouter() 5 const handleClick = () => { 6 ~~~色々処理入れる~~~~ 7 router.push('/new_page') 8 } 9 10 return ( 11 <button type="button" onClick={handleClick}> 12 Click me 13 </button> 14 ) 15}
<a target="_blank" href="/new_page"> では駄目でしようか?
コメントありがとうございます!
そして申し訳ないです、例ではクリックしかしないように見えますが、
やりたいこととしては、色々な処理を入れたあとにリンクを飛ばしたいと考えております。
そのためaタグは使えないです。
なら window.open('/new_page', '_ blank'); ですかね。
https://github.com/vercel/next.js/issues/8279
ちなみに、新しいタブを開くと JS の環境も現在のタブとは別になりますが、大丈夫でしょうか。
ありがとうございます!!
リンク見ました、オプションで、ないんですね
window.open使う考えはなかったです。これ使って実装してみます。
stateなど使う予定は今の所ないので大丈夫です!助かりました。
あなたの回答
tips
プレビュー