Tengo este error que dice: TypeError: users.map no es una función. ¿Cuál parece ser el problema con mis códigos?
const [users, setUsers] = useState([]); const getData = async () => { try { const usersRef = firestore.collection("users").doc(id); const doc = await usersRef.get(); if (!doc.exists) { console.log("No such document!"); } else { setUsers(doc.data()); } } catch (err) { console.log(err); } }; useEffect(() => { getData(); }, []); Si voy a console.log(doc.data()) , muestra los datos correctos. Este error se mostró cuando hice esto:
{users && users.map((index) => { <li>{index.firstName}</li>; })}Actualización: el doc.data() era un objeto
Su usersRef se inicializa así:
const usersRef = firestore.collection("users").doc(id); Dado que incluye una llamada de doc al final, la referencia apunta a un solo documento en la colección de users . Entonces, su doc es una sola DocumentSnapshot y doc.data() es el JSON para el documento de un solo usuario, lo que explica por qué no tiene un método de map (como dice el mensaje de error).
Si desea cargar todos los usuarios, debe comenzar con:
const usersRef = firestore.collection("users"); Si desea cargar un subconjunto de todos los usuarios, puede agregar una condición ( .where(...) ) a eso.
Si su getData carga los datos que desea: un solo usuario, probablemente querrá pasarlos a su código de representación como una matriz de un solo usuario con:
setUsers([doc.data()]); // Note the [] in there, those are new Si se supone que su código solo debe obtener un solo usuario, recomendaría cambiar los nombres de su enlace de estado y referencia, y actualizar el código de representación para reflejar eso, ya que tener users con ese nombre implica que hay múltiples elementos, y solo conducirá a una confusión continua.