微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

我正在使用 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}`}>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。