728x90 분류 전체보기71 useEffect 사용하기 import React, { useEffect } from 'react'; import { useRouter } from 'next/router'; function Example({ name }) { const router = useRouter(); useEffect(() => { // router.isReady 또는 name이 변경될 때마다 실행됩니다. console.log('router.isReady or name has changed:', router.isReady, name); // cleanup 함수를 반환할 수도 있습니다. 이 함수는 다음 실행 전에 호출됩니다. return () => { console.log('Cleaning up:', router.isReady, name); }; }, [r.. 2023. 4. 5. Property does not exist on type 'never' typescript error const [ufo,setUfo]= useState(); //중략 return ( {ufo.company.code} ) 를 사용하려 하자 위 코드에서 Property 'company' does not exitst type 'UfoDTO'| never[]'. 이라는에러가 발생한다 useState 뒤에 를 작성하여 문제를 해결 할 수 있지만 TypeScript의 주요 장점 중 하나인 타입 안전성(type safety)를 포기하는 것이기 때문에 좋은 방법은 아니다 const [ufo,setUfo]= useState(); 옵셔널 체이닝 사용하여 문제 해결 {ufoDetail?.company?.code} 2023. 4. 3. Next.JS 라우팅 시 값 못 가져옴 라우팅을 통해 페이지로 id 라는 값을 전달하려고 하는데 빈 값이 들어오고 직접 페이지를 한번더 리프레시 해줘야 값이들어오는 현상이 생겼다 내 경우는 router 값을 받기전에 사용하려 해서 타이밍이 엇갈려 그때그때 값이 들어오기도 하고 들어오지 않기도 하는 상황이였다. import { useRouter } from 'next/router'; const DetailsPage = () => { const router = useRouter(); const { id } = router.query; }; useEffect 와 router의 isReady를 활용하여 해결 함. import { useRouter } from 'next/router'; const DetailsPage = () => { const ro.. 2023. 4. 3. 이전 1 ··· 15 16 17 18 다음 728x90