# Link to

seongsimk

해결과제 동적 라우팅을 통해 데이터를 받아와서 화면에 출력하기 해결과정 배포된 서버와 연결을 한 뒤(백엔드 쪽에서 cors 설정을 해둬서 proxy로 우회하지 않아도 됐다) main page의 데이터들을 성공적으로 받아왔다. 여기까지 목데이터와 크게 다르지 않아서 쉬울꺼라 예상했고 자바가 응답을 보낼 떄 data의 객체로 감싸져 오는 것을 usefetech 자체에서 data까지 담아줘서 각 컴포넌트 단위에서는 바로 데이터 내부에 접근 할 수 있게 해뒀다! 프리 프로젝트때 data.data 이런식으로 접근하니깐 구별이 어려웠기 때문에.. 메인페이지의 포스터, 아래의 설명을 클릭하면 해당 영화의 detail page로 이동해서 해당 영화의 데이터를 받아볼 수 있다. 하지

ahrkwltlarh

자식 컴포넌트에서 다른 자식 컴포넌트로 Link 컴포넌트를 이용하여 이동하는데, url 주소가 새로 전달되지 않고 현재 페이지 자식 컴포넌트뒤에 값이 추가됐다. /mypage/policy 가 아니라 /policy로 이동해야돼... 근데 잘 보니 Link to="policy" 앞에 슬래쉬를 뺴먹음.. ..;;

pearpearb

프로젝트를 하면서 버튼을 누르면 상세페이지로 넘어가도록 만드는 것이 필요했다. 상세페이지 틀은 컴포넌트로 만들어 놓고, 클릭하면 해당 정보만 넘어가서 보여주도록 만들고자 했다. 그래서 Link to로 연결하고, props로 데이터를 보내주려고 했는데... 한참을 구글링한 결과 공식문서에서 이렇게 중괄호 두개({{ ... }})로 감싸 state 객체(state : {...})로 넘겨준다고 하는데... 출처 : https://v5.reactrouter.com/web/api/Link/to-object location으로 받아올 수 있다는데 아무리 해도 안 넘겨지는 것이다... console.log(state)로 확인하면 undefined만 출력되고 엉엉😂 알고보니 useLocation을 넣어주

unu

네비게이션이 라우터와 관련된 처음 듣는 용어일 거라고 생각했는데, 네비게이션 바 얘기할 때 그 네비게이션이란 것을 깨달았다. 우리는 홈과 어바웃 두 개의 버튼만 만들어 줄 계획이다. 먼저 Navigation.js 를 새로 만들어주고 과 를 리턴하는 함수형 컴포넌트를 만든다. 문제 태그 사용시 home을 클릭하면 아예 새로고침 되어버리는 상황이 발생한다. SPA에서 별로 바라지 않는 상황이다. 해결 그래서 link를 import하기로 했다. > 🧭 네비게이션: 기억해야 할 두 가지 라우터 밖에서 Link 쓸 수 없음 그렇다고 모든 걸 라우터 안에 쓸 필요는 없음 = Link를 굳이 쓸 필요 없는 경우 ex) 푸터같이 아예 다른 페이지로 가는 경우에는 Router 밖에 써도 된다. 이럴 때는 라우터 밖에 Fragment 를 한 번 씌워준다. 참고로 라우터는 해쉬라우터 외에 브라우저 라우터도 있는데, 이건 도메인에 #샵이 안 붙는다. 그런데

0715yk

Today, I Learned fetch vs axios props check module : prop-types 노마드 코더의 클론 코딩(영화 웹 서비스) 해보기 clear : 내가 만든 사이트 링크 react에서 라우팅을 하도록 도와주는 패키지 : react