reactjs中的三元运算符多个动作

Question

我正在使用 Antd 表并通过在年龄列上应用范围过滤器来过滤学生的数据。我的表中也有标记和出勤列。过滤后，我的结果也是从分数和出勤列中获取数据，我想禁用这些数据。

我正在使用三元运算符，我在下面分享了我尝试过的内容：

// SHOWING RESULT(S) FOR IN-BETWEEN RANGE FOR AGE ONLY WHEN SEARCHED

const handleSearch = (firstInput, secondInput) => {
  setSearchStu(
    student.filter((obj) => {
      return obj.age >= firstInput && obj.age <= secondInput
        ? (true, xxxxxxxxxxxx)
        : obj.marks >= firstInput && obj.marks <= secondInput
        ? (true)
        : obj.attendance >= firstInput && obj.attendance <= secondInput
        ? (true)
        : false;
    })
  );
};

xxxxxxxxxxxx 表示此时我想禁用标记和出勤列在仅搜索年龄列时过滤自己，反之亦然。

我尝试写类似 (true, (obj.attendance: false)) : 等等.. 但它会抛出 : 和 ) 的语法错误。

我应该在xxxxxxxxxxxx 输入什么以获得我想要的结果？或任何其他方式来实现这一点。

Answer 1

我认为您只想过滤 age 而不是 marks 和 attendance。在这种情况下，您只需要获取新的过滤数组并使用setSearchStu 函数设置状态。代码如下：

const handleSearch = (firstInput, secondInput) => {
  const newFilteredStudents = student.filter((obj) => obj.age >= firstInput && obj.age <= secondInput);
  setSearchStu(newFilteredStudents);
};