0
251
VistasFirebaseError: función DocumentReference.update() llamada con datos no válidos. Las matrices anidadas no son compatibles
. 
Estoy tratando de implementar la función de agregar al carrito con mi base de fuego usando firestore.
Tengo una función de búsqueda que obtiene cualquier artículo existente que ya esté en el carrito. Pero todo lo que necesito es el valor en los elementos de la matriz, pero cuando lo agrego a mi lista fectchedcartItems, crea una matriz anidada que me genera problemas cuando intento actualizar el carrito, ya que no es compatible con la matriz anidada. ¿Hay alguna manera de obtener los valores y no crear una matriz anidada? buscar elementos = () => {
Fire.shared.firestore.collection("cart").where("userId", "==", this.state.uid).get().then((qSnap) => { let itemList = [] qSnap.docs.forEach(item => { itemList.push(item.data().items) this.setState({ fetchedcartItems: itemList }) }) console.log("fectched product", this.state.fetchedcartItems); }); } addItemToCart = () => { this.fetchItems() let items = this.state.fetchedcartItems items.push({ item: this.state.name, userId: this.state.uid }) this.setState({ items: items, fectchingitemsloading: true, }, () => Fire.shared .firestore .collection('cart') .doc(this.state.cartId) .update({ items: items }) .then(() => this.fetchItems()) ) }1 Respuestas
Responde la pregunta0
let itemList = [] qSnap.docs.forEach(item => { itemList.push(item.data().items) this.setState({ fetchedcartItems: itemList }) }) item.date().items parece ser una matriz. Entonces, cuando inserta una matriz en otra matriz, obtiene una matriz anidada. En su lugar, debe insertar los elementos individuales en la matriz para que termine con una sola matriz de nivel superior:
let itemList = []; qSnap.docs.forEach(item => { itemList.push(...item.data().items) // <---- added spread syntax }) // Moved the setState outside the loop; there's no need to set state multiple times this.setState({ fetchedcartItems: itemList })O una alternativa usando flatMap :
let itemList = qSnap.docs.flatMap(item => item.data().items); this.setState({ fetchedcartItems: itemList })