children“属性收到NaN,如果这是预期的,请将该值转换为字符串错误React Javascript Firebase

ih99xse1  于 2023-01-21  发布在  React
关注(0)|答案(1)|浏览(118)

我是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;
ztmd8pv5

ztmd8pv51#

likeCount变量更改为:

let likeCount = post.likeCount || 0;

相关问题