将 Django 模型选择字段与 React js 选择选项连接的最佳方式是什么

Question

我发现自己陷入了处理 Django 模型选择字段和反应选择选项的困境。愿有人好心帮忙。这是我的模型代码：

class AccountType(models.Model):

    category = models.SmallIntegerField(
        choices=(
            (AccountCategories.ASSET, "Asset"),
            (AccountCategories.LIABILITY, "Liability"),
            (AccountCategories.EQUITY, "Equity"),
            (AccountCategories.REVENUE, "Revenue"),
            (AccountCategories.EXPENSE, "Operating Expense"),
        )
    )

    classification = models.SmallIntegerField(
        choices=(
            (AccountClassifications.NONE, ""),
            (AccountClassifications.CURRENT, "Current"),
            (AccountClassifications.NONCURRENT, "Long-Term"),
        )
    )

我似乎无法弄清楚如何使这些选择成为我在 React 形式中的选择选项。正在考虑解决方案可能是在我的序列化程序中验证或清理这些选择，但我坚持如何特别是与 React Form 链接。提前致谢

Answer 1

所以我想起了 Beazley 的 Python 内置 SuperHeros 教程或类似的东西，并想出了这个解决方案。就 DRY 原则而言，它可能不是最好的，但它就像一种魅力，对于那些在同样的问题上苦苦挣扎但没有其他办法的人来说，我是这样做的：

  ACCOUNT_TYPES_CATEGORY_CHOICES = [
        (100, 'Do Not Choose Me'),
        (0, 'Asset'),
        (1, 'Liability'),
        (2, 'Equity'),
        (3, 'Revenue'),
        (4, 'Operating Expense')

    ]

我将选项放在一个单独的文件中。

class AccountType(models.Model):
    class Meta:
        ordering = ['order']

    objects = AccountTypeManager()

    category = models.IntegerField(choices=ACCOUNT_TYPES_CATEGORY_CHOICES)

    classification = models.IntegerField(choices=ACCOUNT_TYPES_CLASSIFICATION_CHOICES)

我导入文件并将其放入我的模型中并调用 python manage.py makemigrations

 class AccountingPeriodsChoicesAPIView(views.APIView):


    def get(self, request, format=None):

        my_choices = []
        choice_dict = dict(ACCOUNTING_PERIODS_CHOICES)
        for key, value in choice_dict.items():

            itered_dict = {"key": key, "value": value}
            my_choices.append(itered_dict)
        return Response(my_choices, status=status.HTTP_200_OK)

我为它创建了一个 api 端点。我知道这可能工作量太大，但确实有效。将其转换为字典，然后通过 .items() 将其解包，并分配值和键，然后在 Response 中返回它就可以了。将其称为端点允许我在 redux 状态下对其进行管理，并按照它的假设进行操作。中提琴！！！！！！

Answer 2

您可以使用django-js-choices

从文档看，用法很简单：

概述 Django JS Choices 是一个小型的 Django 应用程序，它可以处理 javascript中的模型字段选择很容易。

例如，给定模型……

# models.py:

class Student(models.Model):
    FRESHMAN = 'FR'
    SOPHOMORE = 'SO'
    JUNIOR = 'JR'
    SENIOR = 'SR'
    YEAR_IN_SCHOOL_CHOICES = (
        (FRESHMAN, 'Freshman'),
        (SOPHOMORE, 'Sophomore'),
        (JUNIOR, 'Junior'),
        (SENIOR, 'Senior'),
    )
    year_in_school = models.CharField(
        max_length=2,
        choices=YEAR_IN_SCHOOL_CHOICES,
        default=FRESHMAN,
    )

...这些选项可以在 javascript 中访问。

Choices.pairs("year_in_school");

结果：

[
    {value: "FR", label: "Freshman"},
    {value: "SO", label: "Sophomore"},
    {value: "JR", label: "Junior"},
    {value: "SR", label: "Senior"}
]

显示值也可以访问。

Choices.display("year_in_school", "FR")
Choices.display("year_in_school", {"year_in_school": "FR"})

在这两种情况下，结果都是

"Freshman"