我是react/firebase的新手,我尝试创建一个赞按钮。但是当我点击按钮时,赞计数显示为NaN,并且我收到标题中显示的错误。我尝试解析输入,但NaN错误仍然显示,我不知道为什么。
const LikeButton = ({ post }) => {
const handleClick = async () => {
let likeCount = post.likeCount;
const date = new Date();
likeCount = likeCount + 1;
await db.collection("posts").doc(post.id).set({
createdAt: post.createdAt,
updatedAt: date.toUTCString(),
likeCount,
title: post.title,
});
};
return (
<>
<VStack>
<IconButton
size="lg"
colorScheme='teal'
aria-label="like"
icon ={<BsHandThumbsUp />}
onClick={() => handleClick()}
/>
<Text bg="purple.100" rounded="md" w="100%" p={1}>
{post.likeCount}
</Text>
</VStack>
</>
);
};
export default LikeButton;
1条答案
按热度按时间ztmd8pv51#
将
likeCount
变量更改为: