Inflearn コミュニティ Q&A

mss42360811

投稿した質問数

Reactを使用してNodeBird SNSを作成する

6-5. Linkコンポーネントの高度な使い方

프론트에서 express를 사용하지 않을때 동적라우팅

作成

482

next에서 자체적으로 지원하는 동적라우팅 (ex) [id].js )를 이용해서 동적라우팅을 하였습니다. 근데 이렇게하면 Link에서 href를 {{pathname: '/user/[id].js'}} 하고 as: '/user/${post.User.id}' 해도 되지가 않습니다. 혹시 자체적으로 지원하는 것에서는 다르게 해야하나요??

reactjavascript

回答 6

zerocho

インストラクター

next 10버전이시면 제가 말씀드린대로 하면 되고

next 9 버전이시면

<Link href="/user/[id]" as={`/user/${post.User.id}`}> 가 맞습니다.

mss42360811

質問者

감사합니다 해결했습니다 9버전으로 href="/user/[id].js"로 쓰고있었는데 "/user/[id]" 쓰니깐 새로고침없이 잘됐습니다.

mss42360811

質問者

import Link from 'next/link';

를 쓰고 있습니다.

새로고침은 강의에서 말씀하신거처럼 아바타를 클릭해서

들어갔을때 네트워크가 지워지고 새로 생기는 것으로 판단

했습니다

zerocho

インストラクター

Link가 import Link from 'next/link' 맞나요? 새로고침이라는 것은 어떻게 판단하셨나요?

mss42360811

質問者

href={`/user/${post.User.id}`} 를 하여도 아바타를 눌러서 다른 사용자로 갈때 새로고침이 발생합니다

코드와 구조입니다.

zerocho

インストラクター

그냥 href={`/user/${post.User.id}`} 만 하면 됩니다.

mss42360811

投稿した質問数

質問する