如何为数据网格中的另一个资源创建 link？

Question

在教程 (https://marmelab.com/admin-on-rest//Tutorial.html) 中，您可以看到如何引用另一个实体（即 post 引用用户）

这导致需要另一个 XHR 来显示用户名。

如果我的 REST API returns 类似

{
"id": 1,
"userId": 1,
"userName": "John Doe",
"title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit",
"body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto"
}

如何在不执行 XHR 的情况下直接将用户名属性作为 link 显示给用户资源？

我必须创建类似 InlinedReferenceField 的东西吗？

Answer 1

你为什么不试试：

import { Link } from 'react-router-dom';
const UserLinkField = ({ record }) => (
    <Link to={`/users/${record.userId}`}>
        {record.userName}
    </Link>
);

然后在Datagrid中使用<UserLinkField>？

如何为数据网格中的另一个资源创建 link？

How to create a link to another resource in a datagrid?

admin-on-rest