Reaction-admin: пользовательские фильтры в компоненте списка

Question

Моя внутренняя работа с фильтрами такая (например):

filters = {
  "groupOp": "AND",
  "rules": [
    {
      "field": "id",
      "op": "equal",
      "data": 6
    },
    {
      "field": "partnerId",
      "op": "equal",
      "data": 446
    }
  ],
  "groups": [
    {
      "groupOp": "AND",
      "rules": [
        {
          "field": "username",
          "op": "startswith",
          "data": "Alex"
        }
      ],
      "groups": []
    }
  ]
}

Он отлично работает с постоянными фильтрами, но не работает с пользовательскими фильтрами, которые передаются в компонент списка. Например:

export const OrdersFilter = (props) => (
<Filter {...props}>
    <TextInput label="username" source="username" />
    <TextInput label="partnerId" source="partnerId" />
</Filter>
);

Поскольку это фильтр значения ключа, и я не могу понять, как добавить дополнительные поля в поле пользовательского фильтра.

Или как можно обернуть изменения URL ('@@ router / LOCATION_CHANGE') после действия @@ redux-form / CHANGE, чтобы изменить исходный фильтр, который передается в URL с именем отфильтрованного поля:

filter=%7B%22partnerId%22%3A%226%22%7D&order=DESC&page=1&perPage=10'
to 
filter={"field": "partnerId","op": "equal","data": 6}&order=DESC&page=1&perPage=10 

Answer 1

Вы должны упростить (сгладить) клиентские фильтры для react-admin и "перевести" их в форму, ожидаемую вашим бэкэндом в вашем dataProvider