I'm using react for the frontend, node and mongoDB compass for the backend, I send some information from the database to react, but I keep still getting it as a promise, I need it as an array, but I cannot get it.
Front-end and back-end
const consulta = async () =>{
let dataRequest = {
method: 'GET'
}
let url = new URL("http://localhost:5000/reservar");
let response = await fetch(url, dataRequest);
let result = await response.json();
return result;
}
let promesa = consulta();
let data_ = promesa.then(function(val) {
console.log(val);
});
console.log(data_);
app.get('/reservar', function(req, res){
// var userMap = {};
var userMap = [];
User.find({estado: 'No reservado'}, function(err, users) {
users.forEach(function(user) {
userMap.push(user);
// userMap[user._id] = user;
});
res.json(userMap);
});
});```
In react, if you have an async task like requesting info from a database, you probably want useEffect to change things either. Here is a small example of how it could be done in react.
import React, {useState, useEffect} from "react";
function App(props) {
const [asyncData, setAsyncData] = useState("loading");
useEffect(() => {
(async () => {
const dataRequest = {
method: 'GET'
}
const url = new URL("http://localhost:5000/reservar");
const response = await fetch(url, dataRequest);
const result = await response.json();
setAsyncData(result);
})();
}, []);
return (
<div>
{JSON.stringify(asyncData)}
</div>
);
}