I'm currently learning React and working on a MERN stack project. I've been facing an issue with passing a variable from the frontend to the backend. Despite using console logs for debugging, I noticed that my request body is empty. I've dedicated several hours trying to pinpoint the mistake but so far, I haven't made any progress.
Below is the code snippet:
User Frontend Hook
const fetchUser = (dispatch) => {
return async () => {
const email = await AsyncStorage.getItem("email");
console.log("async email:", email);
try {
console.log("sending email:", email);
const userInfo = await trackerApi.get("/users", {email});
dispatch({ type: "fetch_users", payload: userInfo.data });
} catch (err) {
console.log(err);
}
};
};
Express/Axios Backend
router.get("/users", async (req, res) => {
console.log("Request Body:", req.body);
try {
const { email } = req.body;
const user = await User.find({ email: email });
console.log("Users for req: ", user);
res.send(user);
} catch (err) {
console.log(err);
}
});