最近遇到后端返回数据,须要前端进行筛选展现的一个需求
这个是在react中写的方法未命名文件
前端
// 输入框变化时,触发onchange事件,进行数据筛选react
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, }); }