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>
Author And Source
이 문제에 관하여(Link_Next.js), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@suminllll/LinkNext.js저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)