zoukankan      html  css  js  c++  java
  • 前端根据关键字进行过滤

    最近遇到后端返回数据,需要前端进行筛选展示的一个需求
    这个是在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,
            });
        }
    
  • 相关阅读:
    关于心累的思考
    关于组件化开发的思考
    分页组建感想
    工作日记
    unload没有用
    今天很不开心
    select option
    reduce()用法
    $.each()用法
    MFC创建对话框组件对应变量并进行设置值(VS2010)
  • 原文地址:https://www.cnblogs.com/mxs-blog/p/9408287.html
Copyright © 2011-2022 走看看