export function ListData() { const [dataList,setDataList] = useState([]); useEffect(() =>{ async function callData(){ const result = await GetAllDataOnce() return result } setDataList(callData()) },[]) async function GetAllDataOnce() { const querySnapshot = await getDocs(collection(db, "repos")); var data = []; querySnapshot.forEach(doc => { data.push({ id: doc.id, data: doc.data() }) }) return data; } return ( <table> {dataList.map(returndata => ( <tr key={returndata.id}> <td>{returndata.data}</td> </tr> ))} </table> )} Aquí están los datos con los que estoy trabajando:
Esto está usando reaccionar con firebase firestore. Quiero mostrar cada nombre con su respectiva descripción, ícono y repositorio. estoy recibiendo un error
table.js:37 TypeError no detectado: dataList.map no es una función
Creo que podría intentar depurar imprimiendo el valor de la función callData, luego verifique si es una matriz.
async function callData(){ const result = await GetAllDataOnce() console.log(result) console.log(typeof result) return result }