Use Fetch Comment

useFetchComment

Overview

The useFetchComment hook allows you to retrieve a specific comment by its ID. It optionally includes the parent comment, making it useful for displaying threaded comment structures or fetching detailed comment data.

Usage Example

import { useFetchComment } from "@replyke/react-js";

function CommentDetails({ commentId }: { commentId: string }) {
  const fetchComment = useFetchComment();

  const handleFetchComment = async () => {
    try {
      const { comment, parentComment } = await fetchComment({
        commentId,
        withParent: true,
      });

      console.log("Fetched comment:", comment);
      console.log("Parent comment:", parentComment);
    } catch (error) {
      console.error("Failed to fetch comment:", error.message);
    }
  };

  return <button onClick={handleFetchComment}>Fetch Comment</button>;
}

Parameters & Returns

Parameters

The hook returns a function that accepts an object with the following fields:

commentId · string · required

The ID of the comment to fetch.

withParent · boolean

Whether to include the parent comment.

Returns

The function resolves with an object containing the comment and optionally its parent comment:

comment · Comment

The details of the fetched comment.

parentComment · Comment \

null`