Мы создали административный интерфейс на основе 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>
);
Большинство из них работает хорошо, но фильтры причиняют нам головную боль. Кажется, что все вокруг создается только для одного фильтра за раз, без каких-либо средств для настройки (например, указание свойства, которое будет использоваться для фильтра в хранилищах приставки и реагирующего маршрутизатора, вместо использования жестко закодированного)
Кто-нибудь когда-нибудь создавал два фильтруемых списка на одном экране и имеет еще несколько указателей?