Javascript 如何在两个年龄段之间的表中搜索

我有一个显示员工信息的表格。我想添加一个搜索，以显示我在min textbox和max textbox中输入的spicfic编号之间的所有员工。这是我的表格代码

constructor() {
    super();
    this.state = {
      employees: []
    };
  }
  componentDidMount() {
    this.employeesTracker = Tracker.autorun(() => {
      const employees = Employees.find().fetch();
      this.setState({ employees });
    });
  }

  renderEmployeesListItems() {
    return this.state.employees.map(employee => {
      return (
        <tr key={employee._id}>
          <td>{employee.name}</td>
          <td>{employee.email}</td>
          <td>{employee.age}</td>
          <td>{employee.gender}</td>
          <td>{employee.city}</td>
        </tr>
      );
    });
  }

constructor（）{
超级（）；
此.state={
员工：[]
};
}
componentDidMount（）{
this.employeesTracker=Tracker.autorun（（）=>{
const employees=employees.find（）.fetch（）；
this.setState（{employees}）；
});
}
renderemployeeslititems（）{
返回this.state.employees.map（employee=>{
返回(
{employee.name}
{employee.email}
{employee.age}
{雇员性别}
{employee.city}
);
});
}

我在此处呈现我的应用程序：

render() {
    return (
      <div>
          <input type="text" id="min" name="min"/>
          <input type="text" id="max" name="max"/>
          <button onClick={this.ageFilter.bind(this)}>filter</button>
        <table id="myTable">
          <tbody>
            {this.renderEmployeesListItems()}
          </tbody>
        </table>
      </div>
    );
  }

render（）{
返回(
滤波器
{this.renderEmployeesListItems（）}
);
}

而不是

|

（或）您需要使用

&&

（AND）运算符

。。。
var age=parseInt（td.innerHTML）
如果（年龄>过滤器最小值&年龄<过滤器最大值）{
...
}否则{
...
}

---

也不知道为什么要通过

文档访问数据。

。这不是在react中进行文档更新的方法

而不是

|

（或）您需要使用

&&

（AND）运算符

。。。
var age=parseInt（td.innerHTML）
如果（年龄>过滤器最小值&年龄<过滤器最大值）{
...
}否则{
...
}

---

也不知道为什么要通过

文档访问数据。

。这不是在react中进行文档更新的方法

您可以将此筛选数据单独作为状态变量，

filteredEmployee

或诸如此类的变量。然后过滤器功能将是

ageFilter = () => {
   const { employees, min, max } = this.state;
   const filteredEmployees = employees.filter(employee => min < employee.age && employee.age < max);
   this.setState({ filteredEmployees })
}

ageFilter=（）=>{
const{employees，min，max}=this.state；
const filteredEmployees=employees.filter（employee=>min

---

如果需要的话，还需要添加逻辑来清除过滤器。在

renderEmployeesListItems

函数中使用此

filteredEmployees

功能，而不是

employees

您可以将此筛选数据单独作为状态变量，

filteredEmployees

或类似的变量。然后过滤器功能将是

ageFilter = () => {
   const { employees, min, max } = this.state;
   const filteredEmployees = employees.filter(employee => min < employee.age && employee.age < max);
   this.setState({ filteredEmployees })
}

ageFilter=（）=>{
const{employees，min，max}=this.state；
const filteredEmployees=employees.filter（employee=>min

---

如果需要的话，还需要添加逻辑来清除过滤器。在

renderEmployeesListItems

功能中使用此

筛选员工

，而不是

员工

您可以分享比“未工作”多一点的信息吗？比如它抛出了什么错误？您是否从

parseInt（td.innerHTML）

中获得了正确的

age

？您能否分享比“没有工作”更多的信息？比如它抛出了什么错误？您是否从

parseInt（td.innerHTML）

获得正确的

age

？