前端根據關鍵字進行過濾


最近遇到后端返回數據,需要前端進行篩選展示的一個需求
這個是在react中寫的方法未命名文件

// 輸入框變化時,觸發onchange事件,進行數據篩選

changeZons = (e) => {
        const { zonesList } = this.state;
        const searchData = [];
        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,
        });
    }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM