如何在 react-admin 数据网格中为 rowClick 定义自定义函数？

编程问答 2022-05-03

问题描述

我正在使用 react-admin 构建一个应用程序，我有一个组织资源和程序资源。 每个计划都与一个组织有关。 （保存在 mongoDB anf 我有一个节点服务器）

我为组织资源创建了一个自定义列表。

 <List {...props}>
    <Datagrid rowClick={programsRowClick}>
        <TextField source="name" />
        <EditButton  />
    </Datagrid>
</List>

我希望当我们点击组织行时收到所有具有相同组织 ID 的程序。

API 为：https://localhost:4000/apI/Organization/${id}/programs

我尝试创建一个自定义函数 programsRowClick，但我真的不明白它应该返回什么？

反应在 https://localhost:3000 上运行 服务器运行在 https://localhost:4000/api

你能帮我吗？

谢谢！

解决方法

也许这可以帮助您： https://marmelab.com/react-admin/List.html#expand

它允许您在行单击时在列表中显示自定义组件。

否则 rowClick 接受返回路径的函数。

即：

<RA.Datagrid rowClick={(id: RA.Identifier) => `/${resource}/${id}/${customRoute}`}>
onrowclickreact-adminreact-routerreactjsreactjsreactjsreactjsroutesroutes