Issues getting an Express resonse from locally hosted MongoDB (Node.js) - reactjs

Question

I am trying to pass data from my locally hosted MongoDB collection to the front end of my app for testing purposes.
I am running into trouble trying to get my front end talking to my backend.
I've tried changing the params around in my "getData" route... and I think I am a little turned around.
const mongoose = require("mongoose");
const express = require("express");
var cors = require("cors");
const bodyParser = require("body-parser");
const logger = require("morgan");
const API_PORT = 27017;
const app = express();
app.use(cors());
const router = express.Router();
const dbRoute = "mongodb://127.0.0.1:27017/nycsandy";
mongoose.connect(
dbRoute,
{ useNewUrlParser: true }
);
let db = mongoose.connection;
let dbdata;
db.on('error', console.error.bind(console, 'connection error:'));
db.once('open', function () {
db.db.collection("socialmedia", function(err, collection){
collection.find({}).toArray(function(err, data){
console.log("data length from coll ", data.length); // it will print the collection data just fine
dbdata = data
})
});
});
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
app.use(logger("dev"));
// I need to get this to just return data
router.get("/getData", (req, res) => {
return dbdata
// I don't know what to put here to get my response?
});
.....
The front end App.js looks like :
// /client/App.js
import React, { Component } from "react";
import axios from "axios";
class App extends Component {
// initialize our state
state = {
data: [],
id: 0,
message: null,
intervalIsSet: false,
idToDelete: null,
idToUpdate: null,
objectToUpdate: null
};
componentDidMount() {
this.getDataFromDb();
if (!this.state.intervalIsSet) {
let interval = setInterval(this.getDataFromDb, 10000);
this.setState({ intervalIsSet: interval });
}
}
componentWillUnmount() {
if (this.state.intervalIsSet) {
clearInterval(this.state.intervalIsSet);
this.setState({ intervalIsSet: null });
}
}
getDataFromDb = () => {
fetch("http://localhost:27017/api/getData")
.then(data => data.text())
.then(text => console.log(text))
// just testing it for now.
};
......
This throws an empty response error. ERR_EMPTY_RESPONSE
I'm just a little lost on how I get my data, which does log to the console correctly, into my getData route.
Thanks.

Answer 1

In your router.get try this:
res.status(200).send("whatYouWantToSend")