在React中获取Django中models.TextChoices的标签,可以通过以下步骤实现:
from django.db import models
class MyModel(models.Model):
MY_CHOICES = models.TextChoices('MyEnum', 'CHOICE1 CHOICE2 CHOICE3')
my_field = models.CharField(max_length=20, choices=MY_CHOICES.choices)
/api/mymodel
,可以使用以下代码获取数据:import React, { useEffect, useState } from 'react';
const MyComponent = () => {
const [data, setData] = useState([]);
useEffect(() => {
fetch('/api/mymodel')
.then(response => response.json())
.then(data => setData(data));
}, []);
return (
<div>
{/* 在这里使用获取到的数据 */}
</div>
);
};
export default MyComponent;
models.TextChoices
的label
属性获取标签。假设获取到的数据存储在data
变量中,可以使用以下代码获取标签:import React from 'react';
const MyComponent = ({ data }) => {
return (
<div>
{data.map(item => (
<p key={item.id}>{item.my_field.label}</p>
))}
</div>
);
};
export default MyComponent;
这样,React组件就可以获取到Django中models.TextChoices的标签,并在页面中展示出来。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云