Django Rest Framework与ReactJS交互时出现“此字段为必填项”错误求助

核心问题 #

你遇到的“此字段为必填项”错误，本质是序列化器配置和视图层数据传递不匹配导致的：

• 序列化器把owner字段列为必填项，但这个字段应该由服务器自动填充（当前登录用户），不需要客户端提交
• 视图层调用serializer.save()时参数名写错，和模型字段不对应，导致序列化器仍认为owner字段缺失

具体修复步骤 #

1. 修改序列化器，标记owner为只读 #

因为owner是服务器自动赋值的，不需要客户端传，所以把它设为只读字段，避免校验报错：

# serializers.py
class CampaignCreateSerializer(serializers.ModelSerializer):
    class Meta:
        model = Campaign
        fields = ['owner', 'title', 'description', 'target', 'deadline']
        extra_kwargs = {
            'owner': {'read_only': True}  # 添加这行，让序列化器忽略该字段的必填校验
        }

2. 修正视图层的save参数名 #

模型里的外键字段是owner，不是user，所以要把视图里的参数名改过来：

# views.py
class CampaignCreateAPIView(APIView):
    renderer_classes = [CampaignRenderer]
    permission_classes = [IsAuthenticated]
    def post(self, request, format=None):
        print(request.data)
        print(request.user)
        serializer = CampaignCreateSerializer(data=request.data)
        if serializer.is_valid(raise_exception=True):
            # 把user改成owner，匹配模型字段名
            serializer.save(owner=self.request.user)
            return Response({'msg':'Campaign Creation Successful'}, status=status.HTTP_201_CREATED)

3. 检查客户端提交的字段完整性 #

确认React客户端的form数据包含以下必填字段，且格式正确：

• title（字符串）
• description（字符串）
• target（整数）
• deadline（日期格式需为YYYY-MM-DD）

可以在handleSubmit里加个打印，确认提交的数据：

const handleSubmit = async (e) => {
    e.preventDefault();
    console.log("提交的表单数据：", form); // 新增这行，检查字段是否齐全
    const res = await createCampaign({ form, access_token });
    // ... 其余代码
};

4. 可选：优化渲染器的错误判断逻辑 #

当前渲染器用字符串匹配判断错误不够可靠，换成更准确的方式：

# renderers.py
from rest_framework import renderers
import json
from rest_framework.exceptions import ErrorDetail

class CampaignRenderer(renderers.JSONRenderer):
    charset='utf-8'
    def render(self, data, accepted_media_type=None, renderer_context=None):
        # 更精准的错误判断
        if isinstance(data, dict) and any(isinstance(v, (list, ErrorDetail)) for v in data.values()):
            response = json.dumps({'errors': data})
        else:
            response = json.dumps(data)
        return response

验证修复 #

重启DRF服务后再发送POST请求，序列化器不会再要求owner字段，视图会自动把当前登录用户赋值给owner，完成数据保存。

内容的提问来源于stack exchange，提问作者JHAN