Quando requisito algo do backend, o retorno vem como um array vazio.
Tentei tanto com map, quanto com console.log. Codigo fonte:
ReportScreen.js
const [reports, setReports ] = useState([]);
useEffect(() => {
async function loadReports() {
const response = await api.get('/reports');
setReports(response.data);
console.log(reports);
}
loadReports();
}, []);
O backend esta enviando os dados com paginação para o banco (MongoDB), não sei se pode ser o problema, e se for não sei como resolver.
Retorno da requisição:
Edit:
api.js
import axios from 'axios';
const api = axios.create({
baseURL: 'http://10.0.2.2:3001/api'
});
export default api;
reportController.js
async list(req, res) {
const reports = await Report.paginate({}, { page: 1, limit: 10});
return res.json(reports);
}
Edit 2:
server.js
const express = require('express');
const mongoose = require('mongoose');
const requireDir = require('require-dir');
const cors = require('cors');
const app = express();
app.use(express.json());
app.use(cors());
mongoose.connect(
'mongodb://localhost:27017/vendedorpositivo-backend',
{ useUnifiedTopology: true, useNewUrlParser: true }
);
requireDir('./src/models');
app.use('/api', require("./src/Routes"));
app.listen(3001);