Hasura filter查询：如何正确配置同名字段的多个筛选条件

你写的查询逻辑本身是符合Hasura筛选规则设计的，无法生效基本都是两个问题导致的：

• 前端构造查询对象时，误把多个price筛选规则写在了同一个对象层级，JavaScript解析JSON时同层级的重复键会被后面的值直接覆盖，最终提交的查询里只会保留最后一个价格区间的筛选条件
• 部分低版本Hasura对跨_or条目引用同名字段的场景存在解析兼容问题，会导致多区间规则不生效

写法1：标准多条件OR写法（v2.0+版本推荐） #

只要保证_or数组里的每个筛选条件都是独立对象，不存在同对象下重复price键的问题，这个写法可以正常工作，匹配任意一个符合区间的结果：

"where": {  
  "_or": [   
    {"price": { "_lte": 10, "_gte": 0 }},   
    {"price": { "_lte": 40, "_gte": 31 }}   
  ]  
}

React侧动态生成筛选条件的参考代码：

// 提前配置好所有价格区间，避免动态计算边界出错
const PRICE_RANGES = [
  { label: "0-10", min: 0, max: 10 },
  { label: "11-20", min: 11, max: 20 },
  { label: "21-30", min: 21, max: 30 },
  { label: "31-40", min: 31, max: 40 },
  // 后续新增区间直接追加即可
]

// 提交筛选时根据用户选中项生成where条件
const selectedRanges = PRICE_RANGES.filter(item => checkedList.includes(item.label))
const whereCondition = {
  _or: selectedRanges.map(range => ({
    price: { _gte: range.min, _lte: range.max }
  }))
}

生成条件后建议先打日志确认结构，避免写代码时不小心把price键写到同一层导致覆盖。

写法2：同字段收拢写法（全版本兼容） #

如果是低版本Hasura兼容问题，可以把所有针对price字段的判断收拢到price字段的表达式内部，用字段级的_or包裹区间规则，从根源上避免同名字段冲突：

"where": {
  "price": {
    "_or": [
      { "_lte": 10, "_gte": 0 },
      { "_lte": 40, "_gte": 31 }
    ]
  }
}

这个写法所有Hasura版本都支持，效果和写法1完全一致。

• 不要在同一个普通对象里写多个同名字段的筛选规则，比如{ price: {_gte:0}, price: {_lte:10} }这种写法一定会被JS解析覆盖，最终只剩_lte:10的规则
• 价格区间尽量用静态配置存储，不要纯靠索引计算边界，容易出现区间重叠、漏值的问题，比如把10算到两个区间里，或者漏掉10、11这类边界值。

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