如何在 React Native 中返回一个值的一行中获取 Firebase Cloud Firestore 数据

Question

我正在尝试在 React Native 的 Text 组件中的一行中从 firebase cloud firestore 数据库中获取数据。这是我想要做的：

...
<Text style={styles.name}>
 {firebase.firestore().collection("users").doc(post.uid).get().name}
</Text>
...

此代码试图通过获取 id 为“post.uid”的文档在 React Native Text 组件中放置一个值，以便在调用值“name”的位置返回文档数据并返回单个字符串。我将不胜感激有关如何执行此操作的任何帮助，因为我无法找出解决方案。提前谢谢！

Answer 1

你可以得到最接近的是使用await

(await firebase.firestore().collection("users").doc(post.uid).get()).data().name

我建议仔细研究 getting data 上的 Firestore 文档，并首先尝试获取渲染函数之外的值。

---

更新

由于您使用的是 react，我强烈建议您采用这种方法：

1. 在您的componentDidMount 中开始加载数据。

2. 加载数据后，调用setState() 将其添加到状态中。

   结合这些看起来像：

   componentDidMount() {
     firebase.firestore().collection("users").doc(post.uid).get().then((doc) => {
       this.setState({ name: doc.data().name });
     }
   }
   

3. 然后从状态渲染数据。

   <Text style={styles.name}>
    {this.state.name}
   </Text>
   

另见：

• How to update Firebase data to the React application in realtime