• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

Link 적용하기 관련질문

22.09.06 20:08 작성 조회수 295

0

3:20초 부근에서 상품카드를 눌렀을때

http://localhost:3000/product 으로 주소는 바뀌는데

페이지는 누르기 전 상태 그대로입니다.

새탭에서 열기, 새창에서 열기로 할때는 제대로 <h1>태그 상품상세페이지가 적용되는데,

강의에서 처럼 그냥클릭했을때 왜 적용이 안되는지 궁금합니다

// 다른 질문글을 보고 수정해봤습니다.

index.js에서 <React.StrictMode>를 삭제해보세요. 라는 내용이 있어서

root.render(
  <BrowserRouter>
    <App />
  </BrowserRouter>
); 

강의에는 <React.StrictMode>이 있어도 클릭이 url 변경 + 새로고침이 되는데, 왜 저는 저걸 빼야지 새로고침이 되는건지 궁금합니다

 

  1. http://localhost:3000/ 에서 새로고침시 콘솔창에 이러한 에러가 나오는데 왜 나오는지 궁금합니다.

console에러창.JPG

답변 2

·

답변을 작성해보세요.

1

  1. github 레포를 공유해주시면 확인해보겠습니다 :)

  2. 보통 react UI에서 배열.map으로 return할 때 반복되는 컴포넌트들을 구분해주기 위해 'key'라는 속성을 넣어주면 좋습니다. 제가 강의하면서는 별도로 key를 넣어주지 않아 warning이 떴다고 보시면 됩니다. 하지만 실제 웹 사이트를 운영한다면 key를 넣어주는 게 좋습니다!
    https://ko.reactjs.org/docs/lists-and-keys.html#keys

양규헌님의 프로필

양규헌

질문자

2022.09.10

https://github.com/yanggyuheon 입니다

 

<React.StrictMode> 을 제거하기 전에는 상품카드를 클릭했을때 url만 변경되고 페이지가 새로고침되지 않았습니다.

<React.StrictMode> 제거해야지만 클릭시 url변경 + 페이지 새로고침까지 되었습니다

0

cold님의 프로필

cold

2022.09.15

저도 같은 문제때문에 찾아왔는데 말씀하신대로 strictmode

지우니까 해결됐는데 왜그런걸까요??