안녕하세요
UseEffect 로 api를 받아서 결과값으로 여러가지 이벤트를 만드려 보려고 하는데요.
결과값을 console 로 찍어보면
6개 가 넘는 결과 값이 나옵니다.
예를들어서 Korea 라는 값을 얻고 싶어서 api를 통해서 받아오면
undefined , undefined, undefined , undefined , korea ,korea
이런식으로 6번이 찍히게 됩니다.
혹시 결과값을 제어하는 방법이 있는지 알고 싶어서 게시판에 글을 씁니다.
export function GetVolcanoId(prop){
const [volcanoIdserror, setvolcanoIdserror] = useState();
const [volcanoId, setvolcanoId] = useState([]);
const [isLoaded, setIsLoaded] = useState(false);
useEffect(() => {
fetch(`api/${prop}`)
.then(res => res.json())
.then(
(result) => {
setIsLoaded(true);
setvolcanoId(result);
},
(error) => {
setIsLoaded(true);
setvolcanoIdserror(error);
}
)
}, []);
return (
volcanoId
);
}
