React-admin调用setFilters自动插入_eq操作符如何移除？

问题原因 #

你使用的ReferenceArrayInput和CheckboxGroupInput组件默认会根据选中值自动生成带_eq的过滤条件，当手动调用setFilters时，默认逻辑是合并现有过滤器，导致最终查询中同时存在组件自动生成的_eq和你自定义的_like条件。

解决方案 #

通过取消组件的自动过滤绑定、手动维护选中状态，并在调用setFilters时使用replace参数完全替换过滤器，避免条件合并：

import { useState } from 'react';
import { useListContext, SimpleForm, ReferenceArrayInput, CheckboxGroupInput } from 'react-admin';

const TestFilter = () => {
  const { setFilters, displayedFilters } = useListContext();
  // 手动维护选中的标签状态
  const [selectedTags, setSelectedTags] = useState<string[]>([]);

  const handleTagChange = (values: string[]) => {
    setSelectedTags(values);
    
    // 构建自定义过滤条件
    const customFilters = values.length > 0 
      ? {
          "library_indicator_tags": {
            "library_indicator_tag_name": {
              "name": {
                "_like": values.join('|') // 多标签用OR匹配，可根据需求调整
              }
            }
          }
        }
      : {};

    // 第三个参数传true，完全替换现有过滤器，避免和组件默认条件合并
    setFilters(customFilters, displayedFilters, true);
  };

  return (
    <SimpleForm>
      <ReferenceArrayInput
        key="library_indicator_tag_name"
        reference="library_indicator_tag_name"
        {/* 移除source属性，取消组件自动绑定过滤值 */}
      >
        <CheckboxGroupInput 
          optionValue="name" 
          value={selectedTags}
          onChange={handleTagChange} 
        />
      </ReferenceArrayInput>
    </SimpleForm>
  );
};

关键调整点 #

• 移除ReferenceArrayInput的source属性，阻止组件自动生成过滤条件
• 使用useState手动维护选中标签的状态
• 改用CheckboxGroupInput的onChange事件处理选中值变化（替代原有的onClick，逻辑更准确）
• 调用setFilters时传入第三个参数true，完全替换现有过滤器，避免合并多余的_eq条件

内容的提问来源于stack exchange，提问作者user11358064