카카오 api 사용예시가 틀렸는지좀 봐주시겠습니까 ㅠㅠ

Question

저의 api.ts 파일입니다.import axios from 'axios'; const api = axios.create({ baseURL: 'https://dapi.kakao.com', headers: { Authorization: `KakaoAK ${process.env.REACT_APP_KAKAO_API_KEY}`, }, }); export const searchBooks = (params: string | undefined) => { console.log(params); return api.get(`/v3/search/book?target=${params}`); }; 그리고 이건 Home.tsx 파일로 여기서 불러오고있습니다.import { useQuery } from 'react-query'; import styled from 'styled-components'; import { searchBooks } from '../api'; const Container = styled.div``; const Logo = styled.h1``; const Home = () => { const { isLoading, data } = useQuery(['allBooks'], () => searchBooks('해리포터') ); console.log(data); return (

Hello world!

{' '} ); }; export default Home; 현재 문제는 사진처럼 에러가뜹니다.그래서 이번엔 좀 다르게해봤어요import axios from 'axios'; const api = axios.create({ baseURL: 'https://dapi.kakao.com', headers: { Authorization: `KakaoAK ${process.env.REACT_APP_KAKAO_API_KEY}`, }, }); export const searchBooks = (params: string | undefined) => { return api.get('/v3/search/book?target=', { params }); }; 그랬더니 이번엔 이런식으로 뜹니다.. 제가 코드 적용을 이상하게하고있는거 같은데... 어떤식으로 작성해줘야 할까요?

코댕맨 · Answer

해결했습니다

카카오 api 사용예시가 틀렸는지좀 봐주시겠습니까 ㅠㅠ

1개의 답변

기타 목록