Question

我正在使用Firestore创建一个React Native应用程序来存储数据。我目前有两个集合，一个集合存储称为“ Booking”的预订信息，另一个集合包含称为“ User”的用户信息。预订集合包含预订所涉及的用户的user_id。

我目前正在尝试浏览所有预订，并从用户表中提取预订中引用的用户的user_image。我的代码如下：

async retrieveSupplierImg(supplierId) {
    const userSnapshot = await firebase
      .firestore()
      .collection("User")
      .doc(supplierId)
      .get();

    return {uri: userSnapshot.data().image};
  }

async getMeetings() {
    var meetings = await firebase
      .firestore()
      .collection("Booking")
      .where("status", "==", true)
      .where("consumer_id", "==", this.state.user_id)
      .get()


    this.setState({ appointments: meetings.docs.map(doc => {
       var image = this.retrieveSupplierImg(doc.data().supplier_id);
          return {
            supplier_id: doc.data().supplier_id,
            booking_id: doc.data().booking_id,
            start_time: doc.data().start_time,
            user_image: image
        }
    })});
}

renderBooking() {

      var meetings = this.state.appointments;
    return (
      <View
        style={{
          marginTop: 10,
          marginBottom: 10,
          width: width,
          height: height * 0.19,
          justifyContent: "flex-start",
          alignItems: "center"
        }}
      >
        {meetings.map(booking => (

                <Image
                  source={booking.user_image}
                  style={{
                    height: 45,
                    width: 45,
                    borderRadius: 23,
                    marginLeft: 10
                  }}
                />

    );
  }

此代码失败，并出现以下错误：

您试图在意为不可变且已冻结的对象上将键_65设置为值1。

有人知道我该如何解决吗？

Answer 1

这是一个已经解决的问题。选中此link on Github。您只需要将诺言（我猜为userSnapshot和会议）的存储位置更改为.then(value => {Asyncstorage.setitem()})

如何在React Native中显示来自两个Firestore集合的数据

1 个答案: