Chapter 24 /@:username 이슈

[velopert]

리액트 라우터 6.5 에서 @가 들어가는 형태의 파라미터 지원을 없앴다고 합니다.

따라서, App.js 에서

      <Route path="/:username">
        <Route index element={<PostListPage />} />
        <Route path=":postId" element={<PostPage />} />
      </Route>

이렇게 /@:username -> /:username 으로 바꿔주세요.

그리고 이후 username을 사용해야 할 때는 다음과 같이 코드를 작성하시면 됩니다.

  const params = useParams();
  const username = params.username.split('@')[1];

이 커밋을 참조하세요.

https://github.com/velopert/learning-react/commit/1c8b3087be9537496c190fac5bf8762c7ef4d05f