Link_Next.js

2852 ワード

Link

  • linkはRapperコンポーネントです.hrefおよび他のルーティングに関連する支柱のみを受け入れる.
  • スタイルを適用する必要がある場合は、サブアセンブリ
  • に割り当てる必要があります.
  • 要素またはdivなどは、リンク
  • に配置することができる.
  • as:ブラウザに
  • を表示
    import Link from 'next/link'
    <Link as={`/p/${props.id}`} href='/이동할 페이지'>
      <a> About page</a>
    //또는
    <button> About page</button>
    </Link>

    せいけい

    const layout = {
      margin: 20,
      border: '1px solid #DDD'
    }
    const Layout = (props) => (
      <div style={layout}>
      </div>