react根据关键字过滤

// 输入框变化时，触发onchange事件，进行数据筛选
changeZons = (e) => {
        const { zonesList } = this.state;
        const searchData = [];
        // 两种都可以进行筛选，个人更偏向于第一种
        // 第一种
        if (e.target.value === '') {
            searchData = zonesList;
        } else {
            searchData = zonesList.filter(item => (item.name.indexOf(e.target.value) !== -1));
        }
        // 第二种
        zonesList.forEach((item) => {
            let pass = true;
          if (e.target.value) {
            if (item.jobZone.indexOf(e.target.value) < 0) {
              pass = false;
            }
          }
          if (pass) {
            searchData.push(item);
          }
        });
        this.setState({
          zones: searchData,
        });
    }
    // 下拉菜单变化时，进行数据筛选
    changeZonsAll = (key) => {
        const { zonesList } = this.state;
        const searchData = [];
        zonesList.forEach((item) => {
            let pass = true;
          if (key && key !== 'all') {
            if (item.status.indexOf(key) < 0) {
              pass = false;
            }
          }
          if (pass) {
            searchData.push(item);
          }
        });
        this.setState({
          zones: searchData,
        });
    }