最近遇到後端返回數據,須要前端進行篩選展現的一個需求
這個是在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, }); }