React Admin как преобразовать url в поле
Я новичок в react admin и пытаюсь понять, как я могу разрешить url в пользовательском поле. Я использую Django Rest Framework в качестве моего бэкенд приложения и он возвращает следующее:
{
"id": "PwybRVej1r3L2Ag7smAvpqW45076GzZd",
"unity": "http://localhost:8000/api/v1/unity/n7VzbMW25rYZLB17SZ9Rl8eXqE36QDxk/",
"url": "http://localhost:8000/api/v1/truck/PwybRVej1r3L2Ag7smAvpqW45076GzZd/",
"created": "2022-08-08T23:48:32.876117Z",
"modified": "2022-08-08T23:48:32.876117Z",
"license_plate": "ADS-8974"
},
И я использую JWT в качестве стандарта аутентификации. Таким образом я нашел ra-data-django-rest-framework. Для простых случаев использование простое. Но я пытаюсь создать поле, которое может разрешить url("http://localhost:8000/api/v1/unity/n7VzbMW25rYZLB17SZ9Rl8eXqE36QDxk/") и вернуть нужную мне информацию. Кто-нибудь знает, как это можно разрешить?
Я безуспешно пытался это сделать:
import * as React from "react";
import { useRecordContext, useGetOne } from 'react-admin';
const UnityField = ({ source }) => {
const record = useRecordContext();
const unity = useGetOne(record[source]);
console.log(unity)
return record ? (
<a href={record[source]}>
{unity}
</a>
) : null;
}
export default UnityField;
React-admin предоставляет <UrlField>
, работает ли он в вашем случае?
<UrlField source="unity" />
См. https://marmelab.com/react-admin/UrlField.html для подробностей