동적인 주소값

왜인지 주소값을 유동적으로 변경시키는 것이 어렵다는 생각이 들어서 정리하게 되었다.

 

라우트에서는 단순히 유동적인 값이 들어가게 되는 경우에 Detail컴포넌트를 렌더하도록 설정해두었다.

 

 

Link 컴포넌트에서는  아래처럼 path대신 쓰이는(path를 써도 된다) pathname 속성을 사용해 id값을 props로 받아와 넣어주었다. 이렇게 하면 들어오는 id값을 주소로 해서 Route가 렌더되게 된다.

렌더에서는 state라는 이름으로 여러 값을 또 전달받기 때문에, 특정 페이지에 맞는 정보를 보여줄 수 있게 된다.

당연히 조건에 따라 리다이렉트 시켜버릴수도 있다.