Как получить объекты из снимков firebase firestore (React Hooks)?

Question

Я использую Firebase Firestore в ReactJS и хочу получить данные. Как я могу поместить все полученные данные в сообщение?

const [state, setState] = useState([])    
useEffect(() => {
    database
        .firestore()
        .collection("news")
        .get()
        .then(snapshots => {
            setState(snapshots.docs)
        })
        .catch(err => {
            console.log(err)
        })
})



return(
    <div>
        <div className="px-2">
            <div className="flex -mx-2">
                {state.map(data => <span>{data.title}<span>)}
            </div>
        </div>
    </div>
)

Answer 1

Не забудьте добавить второй параметр в метод useEffect, иначе он будет вызываться бесконечное количество раз.

useEffect(() => {
  ....
}, [])

Answer 2

В .collection. Если вы хотите отслеживать его с помощью снимка, вы бы сделали что-то подобное.

      .onSnapshot(function (querySnapshot) {
        const news = [];
        querySnapshot.forEach(function (doc) {
          news.push(doc.data());
        });
        setState(news);

Одноразовый вызов может быть выполнен с помощью