在前端(React组件)中显示值，这是django模型中的一个外键

from django.db import models

class ModelA(models.Model):
    name = models.CharField(max_length=100)

class ModelB(models.Model):
    model_a = models.ForeignKey(ModelA, on_delete=models.CASCADE)
    value = models.CharField(max_length=100)

from django.shortcuts import render
from .models import ModelB

def my_view(request):
    model_b_objects = ModelB.objects.all()
    return render(request, 'my_template.html', {'model_b_objects': model_b_objects})

import React from 'react';

const MyComponent = ({ modelBObjects }) => {
  return (
    <div>
      {modelBObjects.map((modelB) => (
        <div key={modelB.id}>
          <p>Value: {modelB.value}</p>
          <p>Model A Name: {modelB.model_a.name}</p>
        </div>
      ))}
    </div>
  );
};

export default MyComponent;