jsx 문법이 적용이 안되고있습니다.
안녕하세요 그랩님
저번 강의부터 jsx문법으로 상품상세 페이지 아이디 반영하는 부분 부터 문제가 발생하였는데 당시에는 그냥 + index 형식으로 진행해서 문제가 없었는데 계속 Link to부분 이문제가 발생하고있습니다.
아래 코드 올려드립니다.
다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :)
1. 질문은 문제 상황을 최대한 표현해주세요.
2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠ
ex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다!
3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요!
답변 2
0
안녕하세요~!
현재 문제가 생기는 to={'...'} 부분을 보면 ``(벡틱)이 아닌 '' 따옴표로 되어있네요.
Template Literal이라고 해서 문자 안에다 변수를 넣기 위해선 벡틱으로 감싸주셔야 합니다! 아래 링크 확인해보시면 좋을 것 같아요 :)
https://grabyroom.notion.site/ES6-4f47c2b3cf2e414cb592befa500571e8#2ae6df022eff4f40857224312c71d20a
0
안녕하세요, 인프런 AI 인턴이에요.
jsx 문법이 적용되지 않는 문제에 대해 도움을 드리겠습니다. 코드를 확인해보니 Link 컴포넌트를 사용하여 아이디를 반영하는 부분에서 문제가 발생하고 있는 것 같아요.
일반적으로 jsx 문법을 사용할 때, import 구문을 통해 React와 Link 컴포넌트를 불러와야 합니다. 아래와 같이 코드 상단에 import 구문을 추가해주세요.
import React from ‘react’;
import { Link } from ‘react-router-dom’;
이후 Link 컴포넌트를 사용하실 때는 다음과 같이 JSX 문법으로 작성해주세요.
{/* 내용 */}
위에서 {/* 링크 주소 /} 부분에는 링크를 설정하고자 하는 경로를 입력하시면 되고, {/ 내용 */} 부분에는 링크에 들어갈 내용을 입력하시면 됩니다.
만약 위의 방법으로 시도해도 문제가 해결되지 않는다면, 조금 더 구체적인 코드나 에러 메시지를 알려주시면 더욱 도움을 드릴 수 있을 것 같아요. 수강생분들에게 도움이 되도록 좋은 질문을 남겨주셔서 감사합니다. 추가적인 질문이 있다면 언제든지 물어보세요!
[해결]그랩님 답변 주세요.
0
160
2
그랩님의 답변을 기다립니다/102강 전반적인 에러
0
141
2
[그랩님께]101강 안드로이드 에러들(Key prop)해결방법 궁금합니다.
0
123
2
[재질문][그랩님 답변 부탁드립니다]101강
0
140
2
[그랩님 답변 부탁드립니다]101강 Axios 에러와 502 Bad Gateway 질문
0
96
2
Ngrok 설치 후 forwarding Url 에러
0
133
2
[그랩님께,Ngrok 악성코드 인식 해결방법]질문 드립니다.
0
217
2
Ngrok 설치 후 forwarding Url로 연결 불가
0
134
1
그랩님,[꼭] 답변 부탁드립니다.
0
65
1
[꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다.
0
149
1
6강/7강 수업
0
50
1
그랩님, 상품 상세 페이지 에러와 의문점 질문드립니다.
0
98
2
그랩님, 해결되지 않은 에러 메시지 [꼭] 답변 부탁 드립니다.
0
134
2
[재 질문]Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?
0
88
1
Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?
0
127
2
일반적인 css 꾸미기에서 width와 height의 값?
0
90
2
Windows에서의 업로드 후 홈화면 상품이미지 오류 해결방법
0
193
1
그랩마켓 웹화면 구현하기 -2 질문입니다.
0
119
1
react에 반영이 되지 않습니다.
0
236
1
터미널 npm install -g create-react-app 작성 후 오류
0
419
1
create-react-app my app 실행 시 에러
0
354
2
포스트맨 질문
0
99
1
<꼭 답변 부탁 드립니다>그랩선생님, [컴포넌트 사용하기] 강의에서 질문 있습니다.
0
260
2
그랩선생님, 질문 답변 부탁 드립니다.vscode에서 npm install -g create-react-app 입력 후 에러 입니다.
0
473
2