Как определить пользовательскую функцию для rowClick в сетке данных response-admin?

Question

Я создаю приложение с помощью response-admin, у меня есть ресурс организаций и ресурс программ. каждая программа имеет отношение к одной организации. (сохранено в mongoDB, и у меня есть сервер узла)

Я создал настраиваемый список ресурсов организаций.

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

Я хочу, чтобы, когда мы щелкаем строку организации, получали все программы с одинаковым именем organizationId.

API: https: // localhost:4000 / api / organization / ${id} / programs.

Я попытался создать пользовательскую функцию ProgramsRowClick, но я не совсем понимаю, что она должна вернуть?

реакция запускается на https: // localhost:3000, сервер работает на https: // localhost:4000 / api

не могли бы вы помочь мне?

Благодарность!

Answer 1

Возможно, это поможет вам:https://marmelab.com/react-admin/List.html#expand

Это позволяет отображать пользовательский компонент в списке при щелчке строки.

Иначе rowClick принять функцию, которая возвращает путь.

то есть:

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