如何将 ReactJS 表单连接到 Django 模型以自动获取字段（外键、选项等）答案

【问题标题】：How to connect a ReactJS Form to a Django model to automatically obtain fields (foreignkeys, choices etc.)如何将 ReactJS 表单连接到 Django 模型以自动获取字段（外键、选项等）
【发布时间】：2019-01-14 19:03:15
【问题描述】：

我有一个非常复杂的 Django 模型，它通过 DRF API 连接到我的 ReactJS 前端。在此模型中，许多实例是 ForeignKey 或 CharFields，其中包含要选择的选项数组。

您能否告诉我是否有办法让我的 React 表单继承所有字段的信息，而不是手动写出表单？我需要 React 中的前端表单来“读取”正确的 API 调用并从那里获取所有字段。

我怎样才能做到这一点？
提前非常感谢您！

【问题讨论】：

你试过什么？分享一些输入和输出
嗨！此刻，我的表格已逐个字段完整地写出来。由于我不知道从哪里开始“自动”从 DRF 获取字段，因此在输出方面我没有太多可以分享的内容。

标签： django reactjs django-models django-rest-framework

【解决方案1】：

您可以通过使用 DRF 中的 RetrieveUpdateAPIView 来实现

class GetDateAndUpdate(RetrieveUpdateAPIView):

    queryset = YOURMODEL.objects.all()
    serializer_class = YOURMODELSerializer        
    permission_classes = [IsAuthenticated,IsOwner]

# in urls.py 
url(r'^(?P<pk>[-\w]+)/update/$',
                GetDateAndUpdate.as_view(),
                name='update',
                ),

【讨论】：

嗨！谢谢你。我知道这个 APIView 并且实际上我已经实现了它。缺少的拼图在 React 端。我如何使用这个视图来构建 React 表单？有什么建议吗？
它有点复杂，但是它将来自 API 调用的数据存储在 componentDidMount 和 componentWillReceiveProps 的状态中，很遗憾我不能告诉你更多，因为不是我开发了 react 表单。