Es la primera vez que uso Firebase como backend y puedo acceder y recuperar los datos con éxito en mi aplicación React, pero tengo un problema con las operaciones CRUD.

Ejemplo de mi colección:

 - closets (collection) - unique ID (specific user) - name (string) - shorts (array of objects - map) - 0 (first object in array) - name (string) - image (string) ......... .........

Puedo leer todos los archivos, pero no puedo actualizarlos ni eliminarlos. Necesito acceder a todos los datos en matrices (por ejemplo, matriz de pantalones cortos basada en el ejemplo anterior) y poder cambiar el nombre o remove the whole object .

Usando un gancho personalizado para mapear los datos:

 export const useGetData = () => { const [documents, setDocuments] = React.useState([]); const db = firebase.firestore(); React.useEffect(() => { db.collection("closets") .get() .then((querySnapshot) => { let arr = []; querySnapshot.docs.map((doc) => arr.push({ id: doc.id, name: doc.data() }) ); setDocuments(arr); }); }, [db]); return [documents]; };

Aquí estoy tratando de actualizar el name en dress array

 const [nameValue, setNameValue] = React.useState(""); const db = firebase.firestore(); const getNameValue = (event) => { setNameValue(event.target.value); }; const updateValue = () => { db.collection("closets") .doc(doc) .update({ "dress.name": nameValue }) .then(function () { console.log("Document successfully updated!"); }) .catch(function (error) { console.error("Error updating document: ", error); }); }; return ( <> <input onBlur={getNameValue} type="text" /> <button onClick={updateValue}>Update</button> </>

Obtener el error s.indexOf no es una función

No estoy realmente seguro de cómo lograr actualizar esta cadena específica en el objeto, que es parte de la matriz.

Aquí se crea un ejemplo en codesandbox, para una mejor comprensión:

https://codesandbox.io/s/second-leeway-test-bifurcado-ii0p6