Множественные списки администраторов React с фильтрами на одном экране - PullRequest
1 голос
/ 12 октября 2019

Мы создали административный интерфейс на основе React Admin, и в нескольких случаях мы хотим использовать несколько списков на одном экране для удобства. Например, в детальном представлении пользователя мы хотим показать несколько адресов, которые пользователь имеет в файле, и покупки, которые пользователь совершил. Пользователь, адрес и покупка - все это «ресурсы» в терминологии RA.

Это выглядит примерно так:

/* file <...>/resources/users/UserShow.js */

import AddressList from '../addresses/AddressList';
import PurchaseList from '../purchases/PurchaseList';

const UserShow = ({ id, classes, translate, ...props }) => (
    <Fragment>
        <Show id={id} {...props}>
            ...render user details here...
        </Show>
        <AddressList {...props} basePath={'/addresses'} resource={'addresses'} filter={{ userId: id }} />
        <PurchaseList {...props} basePath={'/purchases'} resource={'purchases'} filter={{ userId: id }} />
    </Fragment>
);

Большинство из них работает хорошо, но фильтры причиняют нам головную боль. Кажется, что все вокруг создается только для одного фильтра за раз, без каких-либо средств для настройки (например, указание свойства, которое будет использоваться для фильтра в хранилищах приставки и реагирующего маршрутизатора, вместо использования жестко закодированного)

Кто-нибудь когда-нибудь создавал два фильтруемых списка на одном экране и имеет еще несколько указателей?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...