如何显示地图数据类型的消防站数据?

Question

我只是在学习如何在反应本机应用程序中使用 firestore，并创建了一个包含映射数据类型的字段集合，该字段创建了一个分层结构。但是我在网上找不到任何关于如何显示此类数据的教程。如果有人能帮忙，那就太好了。谢谢。

这是包含地图数据类型字段的文档

Answer 1

如果从firestore打印数据类型"map"，它将显示[Object, Object]。这意味着它是一个 JavaScript 对象。要在 React Native 中查看它，您必须从对象中获取对象值。

let mapData = Object.values(snapshot.data().mapVariable);

Answer 2

这段代码可能会有所帮助

import * as firebase from 'firebase';
firebase.initializeApp({
"projectId": "my-project-id",
"apiKey": "my-api-key",
"authDomain": "my-project.firebaseapp.com",
"databaseURL": "https://my-project.firebaseio.com",
"storageBucket": "my-project-id.appspot.com/",
"messagingSenderId": "my-messaging-sender-id"
})
const db = firebase.firestore();
db
.collection('services')
.get()
.then(snapshot => {
snapshot
.docs
.forEach(doc => {
console.log(JSON.parse(doc._document.data.toString()))
});
});

Answer 3

const createData = (drink) => { db.collection("drinks").add(drink)
.then(() => showToast({ type: 'success', text: 'drink added' }))
.catch((error) => showToast({ type: 'danger', text: error.message }));};export default createData;

我假设您有一些用于视觉反馈的吐司消息，并且您已经初始化了Firebase实例。