Quiero obtener datos de firebase y mapearlos y representar una tabla con ellos, pero la función firebase devuelve datos después de que se carga la página.
const [datas, setData] = useState(); var ref = db.ref("something"); useEffect(() => { const fetchData = async () => { await ref.once("value").then((snapshot) => { const fetched = snapshot.val(); var feed = {'name':'shoe','remark':'remarka','price':'pricea','photo':'photo','amount':'350'}; console.log('fetched', fetched) setData(feed); }); }; fetchData(); }, []);ahora, si hago una var aquí, digamos var text = datas y console.log, devolverá indefinido, la var de alimentación es solo un texto ficticio
{dummy.map((data, key) => { //render table })¿Hay alguna forma de hacer que la página espere a que la función finalice useState?
Use el operador AND (&&) que solo ejecuta el operando derecho cuando el operando izquierdo es verdadero. No es necesario hacer una variable llamada ficticia.
{ datas && datas.map(data=>{ console.log(data); }); }