제로초님 swr 로 api 를 get 요청 할 떄
425
작성한 질문수 27
만약 tsx 파일에서 콘솔로그를 찍어보면? console.log(Product)
https://api.minsu.com/product/${undefined} 이런 식으로 error 출력됩니다.
왜 이러는 걸까요?
id 값은 usePrams 로
const { id } = useParams<{ id?: any }>() 으로 타입 지정 해 주었습니다.
api에 token 도 걸려 있어서
이런 식으로 만들어 준 뒤.
이런 식으로 코드 작성을 했는 데, {id} 값이 undefined 값 404 에러 나옵니다 ㅠㅠ
답변 2
1
const fetchWithToken = <Data>(url...) => axios.get<Data>(...)
이렇게 두 군데 <Data> 추가해보세요.
0
조현영님 Router 에는 문제가 없고,
'[string[], (url: string, token: string) => Promise<unknown>]' 형식은 'readonly [Key, Fetcher<Product> | null, Partial<PublicConfiguration<Product, any, Fetcher<Product>>> | undefined]' 형식에 할당할 수 없습니다.
소스에 2개 요소가 있지만, 대상에 3개가 필요합니다
0
<Data> 를 추가 해 주니 주석 걸린 곳도 자동으로 풀리고 다른 부분들도 다 type error 가 뜨네요
으로 useSWR<Product> Product type 뺴고 시도 해 봤는데.
console.log(ProductDetail) 찍어 봤는데
https://api.minsu.com/product/{undefined} 으로 나오네요.
안되네요..
0
제로초님 마지막으로 궁금 한게 있는데요ㅠㅠㅠ..
이것만 받고 조용히 사라지겠습니다.
왜 data 가 unknown 으로 지정 되는 지 모르겠습니다.
보통 slack 클론 했을 떈 useSWR<type> type 정의 안 해줘도 any 로 나왔는데,
왜 unknown 으로 나올까요...
0
기존 월래 npm 에 설치 되어있던 typescript 4.4.4 버전에서
제로초님 github slack typescript 버전 4.4.2 로 변경 했습니다.
@react-dom, @react-router-dom 각각 제로초님 github slack 버전으로 설치 해도 unknown 으로 나오네요.
tsconfig.json 에서 strict 을 false 로 바꿔도 map 함수를 사용 할 떄 unknown 은 출력 할 수 없다고 나옵니다.
어디를 수정 해야 할까요..
0
id는 <Route path="주소/:id" ...>에서 :id를 추출해서 나오는 겁니다.
아마 Route path가 주소/:id가 아니실겁니다.
0
저는 product 에 있는 상품 목록들을 가져 올려고 했는데.
https://api.minsu.com/product 이런 식으로 api get 요청을 받아야 하나요?
저는 slack 클론 강의 들으면서
예로 들면 이런 식으로 멤버 API 를 ${workspace} 이런 식으로 workspace 에 해당 값들 member 를 가져왔어서 가져 오는 줄 알았습니다.
0
App.tsx 에서 Router 만들어 준 뒤 에 <Route path="/product/:id/:brand/:gender component={<Product} />
main 컴포넌트 -> index.tsx 부분에서
useParams 로
그리고 useSWR 로 불러 올려고 하고 있습니다.
Argument of type '[string, (url: any) => Promise<unknown>]' is not assignable to
parameter of type 'readonly [Key] | readonly [Key, Fetcher<ProductList[]> | null] |
readonly [Key, Partial<PublicConfiguration<ProductList[], any, Fetcher<ProductList[]>>> | undefined] | readonly [...]'.
Type '[string, (url: any) => Promise<unknown>]' is not assignable to type 'readonly
[Key, Fetcher<ProductList[]> | null, Partial<PublicConfiguration<ProductList[], any,
Fetcher<ProductList[]>>> | undefined]'.
Source has 2 element(s) but target requires 3.
빨리 작업 시작 하고 싶은데 api 불러오는 쪽에서 error 가 나서 .. 힘드네요
기본 셋팅과 관련하여
0
106
1
초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법
0
109
2
focus 시에만 화면 업데이트 되는 이유 + 해결방법
0
165
2
useEffect 개수 관리
0
122
2
라이브러리 서치 방법
0
118
2
함수 정의 패턴
0
80
1
npm run dev 에러
0
156
3
npx webpack 후 에러
0
187
2
'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)
0
151
2
사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')
1
192
2
초기세팅중 packge.json 에러떠요
0
162
2
CORS - Access-Control-Allow-Origin 누락 문제
0
439
3
로그인 페이지 무한 새로고침 현상
0
608
2
Module not found: Error: Can't resolve './App' 에러
0
970
1
배포 방법
0
306
2
npm run dev 시 빌드가 매우 느려졌습니다
0
1010
2
alias 경로 설정 오류
0
461
2
fetcher 함수의 data 값이 두번 찍히는 이유
0
282
1
제네릭 질문
0
225
2
ts-node 대신 tsx 사용여부
0
377
1
배포 관련 질문
0
249
1
[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.
0
395
2
[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.
0
341
1
users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.
0
252
2