import React, {useEffect, useState} from 'react';
import {dbService} from '../fbase.js'
function Info(props){
const [info, setInfo] = useState([]);
const getInfo = async () =>{
const dbinfo = await dbService.collection("UKOV").get();
dbinfo.forEach((document) => {
const newInfo = {
...document.data(),
id: document.id
};
setInfo([newInfo])
});
};
useEffect(()=>{
getInfo();
}, [])
return (
<>
{info.year}
</>
)
}
안녕하세요! 우선 사진 첨부가 안돼서 조금 더럽게 코드를 붙여넣기 했습니다 ㅠㅠ
저번에 firebase사용해보라는 답변 듣고 firebase사용해서 구축하고 있습니다.
UKOV라는 데이터를 받아와서 info에 넣고 info에서 데이터를 빼오고 싶었는데 안되네요 ㅠㅠ
내부에는 year이라는 값이 있구요
console.log(info)찍어보면 처음에 빈 어레이가 반환되고 그 다음에 정보 가 담겨있는 어레이가 반환됩니다. (아마 useEffect 사용으로 그렇게 되지 않나 생각됩니다.)
그리고 나서 info.year / info[0].year하면 다 안나옵니다. ㅠㅠ 그런데 map함수를 사용하면 반환되긴 하는데 info라는 데이터를 여기저기 넣어주려해서 거기마다 map함수 사용하면 코드가 조금 더럽게 나오는 것 같아서 다른 방법을 찾아보려 합니다(그리고 여러개의 데이터를 가져오는게 아니라 year: 12이런 식으로 하나의 데이터만 가져오고 싶은 것도 있습니다.)
혹시 이럴 때는 어떻게 해결해야하는지 알 수 있을까요? ㅠㅠ
감사합니다!
