Breaking News: Grepper is joining You.com. Read the official announcement!

next.js router new tab

Add Answer

Crowded Cowfish answered on November 13, 2022 Popularity 9/10 Helpfulness 6/10

answer next.js router new tab

related using tabs as route in next js

next.js router new tab

Comment

-1

window.open(url, '_blank', 'noopener,noreferrer')

Popularity 9/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: javascript next.js router

Link to this answer
Share Copy Link

Contributed on Nov 13 2022

Crowded Cowfish

0 Answers Avg Quality 2/10

Closely Related Answers

using tabs as route in next js

Comment

import {useRouter} from 'next/router'

function Tabs() {
  return (
    <div>
      <Link href="/tabs/[tab]" as="/tabs/tab1">
        <a>Tab 1</a>
      </Link>
      <Link href="/tabs/[tab]" as="/tabs/tab2">
        <a>Tab 2</a>
      </Link>
      <Link href="/tabs/[tab]" as="/tabs/tab3">
        <a>Tab 3</a>
      </Link>
    </div>
  )
}

function Tab1() {
  return <div>Content for Tab 1</div>
}

function Tab2() {
  return <div>Content for Tab 2</div>
}

function Tab3() {
  return <div>Content for Tab 3</div>
}

export default function TabsPage() {
  const {query: {tab}} = useRouter();
  const tabs = {tab1: Tab1, tab2: Tab2, tab3: Tab3};
  const Component = tabs[tab];
  return <Component/>
}

export const getStaticPaths = async () => {
  return {
    paths: [
      {params: {tab: "tab1"}},
      {params: {tab: "tab2"}},
      {params: {tab: "tab3"}}
    ],
    fallback: false
  }
}

Popularity 7/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript next tabs

Link to this answer
Share Copy Link

Contributed on Jan 15 2023

Anthony Michael

0 Answers Avg Quality 2/10

next.js router new tab

Contents

More Related Answers

next.js router new tab

Closely Related Answers

using tabs as route in next js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.