如何使用django递归关系和react js回复特定评论

from django.db import models

class Comment(models.Model):
    content = models.TextField()
    parent = models.ForeignKey('self', null=True, blank=True, on_delete=models.CASCADE)
    # 其他字段...

import React from 'react';

const Comment = ({ comment }) => {
  return (
    <div>
      <p>{comment.content}</p>
      {comment.replies.map(reply => (
        <Comment key={reply.id} comment={reply} />
      ))}
    </div>
  );
};

export default Comment;

from django.shortcuts import get_object_or_404
from django.http import JsonResponse

def get_comment_and_replies(request, comment_id):
    comment = get_object_or_404(Comment, id=comment_id)
    replies = comment.comment_set.all()  # 获取该评论的所有回复
    data = {
        'comment': {
            'id': comment.id,
            'content': comment.content,
            # 其他评论字段...
        },
        'replies': [
            {
                'id': reply.id,
                'content': reply.content,
                # 其他回复字段...
            }
            for reply in replies
        ]
    }
    return JsonResponse(data)

import React, { useEffect, useState } from 'react';
import Comment from './Comment';

const CommentPage = () => {
  const [comment, setComment] = useState(null);

  useEffect(() => {
    fetch('/api/comments/1/')  // 根据实际的后端API地址进行修改
      .then(response => response.json())
      .then(data => setComment(data));
  }, []);

  return (
    <div>
      {comment && <Comment comment={comment} />}
    </div>
  );
};

export default CommentPage;