Link_Next.js

Link

  • link는 래퍼 컴포넌트이다. href와 다른 라우팅 관련 props만 받아들인다.
  • 스타일을 적용해야 한다면 하위에 있는 컴포넌트에 지정해야함(ex a tag)
  • 컴포넌트나 div등을 link안에 배치할 수 있다
  • 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>

좋은 웹페이지 즐겨찾기