necesito algo de ayuda.
Así que tengo:
data.map( (doc) => { return ( <div> <div> {doc.name}</div> <div> {doc.age}</div> </div> ) })Esto itera algunos datos de Firebase Firestore en la página web.
Luego hay un campo de entrada para cambiar la edad.
const [age, setAge] = useState(1); const handleSubmitAge = async () => { const ageRef = doc(db, "user", "docID") await updateDoc(ageRef, { age : age }); } ..... <div> <TextField value={age} onChange={ e => setAge(e.target.value)} /> <Button onChange={handleSubmitAge}> Submit Age </Button> </divSi quiero cambiar doc.age, ¿cómo lo hago? Si lo escribo como arriba, entonces si hay 10 nombres, todos los nombres tendrán la misma edad.
¿Cómo hago una referencia al "docID" en ese campo de entrada de "edad" para que solo se actualice una edad específica para una persona específica (nombre)?
Solución:
Gracias Sr. Frank van Puffelen.
En primer lugar, necesito acceder a la identificación del documento para cada documento en data.map ((doc) => ...). Podemos hacerlo antes cuando obtengamos los datos de Firestore
async () => { const q = query(collection(db, "collectionName"), where("category", "==", `${some condition here}`)); const querySnapshot = await getDocs(q); querySnapshot.forEach((doc) => { setData(querySnapshot.docs.map((doc) => ({...doc.data(), id:doc.id}))) }) };Esa id:doc.id es lo que nos da la identificación del documento. También gracias por el tutorial de youtube de PedroTech y Maksim Ivanov por mostrar cómo obtener esta identificación de documento.