REACT - POST API route on likes and dislikes - reactjs

Question

I'm having some trouble figuring out the answer of the following issue, if any of you could help, that would be great :
I've set up my routes and the API works fine. One of those routes consists of liking and disliking posts, the method for those likes and dislikes being POST.
My console does not show any error and even responds to logs inside the function.
My problems are the following:
First I'm wondering if I can retrieve previously made likes or dislikes without having to create a get route. (if that makes sense, sorry I'm fairly new.)
Secondly, well, managing to POST those likes and dislikes.
Here's the code.
Frontend.
const currentId = localStorage.getItem('userId');
const params = useParams();
const [post, setPost] = useState({
title: '',
description: '',
image: null,
likes: '',
dislikes: '',
usersLiked: [],
usersDisliked: [],
});
useEffect(() => {
axios
.get('http://localhost:5000/api/posts/' + params.id, config)
.then((response) => {
setPost(response.data);
});
}, []);
const [likeState, setLikeState] = useState(0);
const usersLiked = post.usersLiked;
const usersDisliked = post.usersDisliked;
function likef() {
if (likeState === 0 && usersLiked.userId != currentId) {
setLikeState(1);
usersLiked.push(currentId);
post.likes = post.likes + 1;
saveLikes(post.likes);
} else if (likeState === 1) {
setLikeState(0);
usersLiked.shift();
post.likes = post.likes - 1;
}
}
function dislikef() {
if (likeState === 0 && usersDisliked.userId != currentId) {
setLikeState(-1);
usersDisliked.push(currentId);
post.dislikes = post.dislikes + 1;
saveLikes(post.dislikes);
} else if (likeState === -1) {
setLikeState(0);
usersDisliked.shift();
post.dislikes = post.dislikes - 1;
saveLikes(post.dislikes);
}
}
const saveLikes = () => {
const id = post._id;
const url = `http://localhost:5000/api/posts/${id}/like`;
fetch(url, {
method: 'POST',
headers: { Authorization: `Bearer ${AbstractManager.token}` },
})
.then(() => {
setLikeState(response.data);
})
.catch((e) => {});
};
Template code
<div className="like">
<button
id="btn-pink"
onClick={likef}
className={[
likeState === 1 ? 'btn-pink' : null,
'btn-pink',
].join()}
>
<FontAwesomeIcon icon={faHeart} /> {post.likes}
</button>
<button
id="btn-red"
onClick={dislikef}
className={[
likeState === -1 ? 'btn-red' : null,
'btn-red',
].join()}
>
<FontAwesomeIcon icon={faHeartBroken} /> {post.dislikes}
</button>
If any one of you could help, that would be awesome. Thank you in advance.